mirror of
https://github.com/inventree/InvenTree
synced 2024-08-30 18:33:04 +00:00
Getting a little bit fancy
This commit is contained in:
Oliver Walters
parent
10e50cf5e4
commit
99578e6986
@ -11,6 +11,45 @@
|
|||||||
--label-yellow: #fdc82a;
|
--label-yellow: #fdc82a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.login-screen {
|
||||||
|
background-image: url("/static/img/paper_splash.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 100%;
|
||||||
|
font-family: 'Numans', sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-container {
|
||||||
|
left: 50%;
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 30%;
|
||||||
|
align-content: center;
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 20px;
|
||||||
|
padding-bottom: 35px;
|
||||||
|
background-color: rgba(50, 50, 50, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-header {
|
||||||
|
padding-right: 30px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-container input {
|
||||||
|
background-color: rgba(250, 250, 250, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button {
|
||||||
|
background-color: rgba(250, 250, 250, 0.9);
|
||||||
|
color: #333;
|
||||||
|
border-color: #AAA;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.markdownx .row {
|
.markdownx .row {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
@ -708,13 +747,6 @@ input[type="submit"] {
|
|||||||
color: #e00;
|
color: #e00;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.part-allocation {
|
.part-allocation {
|
||||||
padding: 3px 10px;
|
padding: 3px 10px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
|
|||||||
BIN
InvenTree/InvenTree/static/img/paper_splash.jpg
Normal file
BIN
InvenTree/InvenTree/static/img/paper_splash.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
@ -14,33 +14,65 @@
|
|||||||
<link rel="stylesheet" href="{% static 'css/select2.css' %}">
|
<link rel="stylesheet" href="{% static 'css/select2.css' %}">
|
||||||
<link rel="stylesheet" href="{% static 'css/bootstrap-table.css' %}">
|
<link rel="stylesheet" href="{% static 'css/bootstrap-table.css' %}">
|
||||||
<link rel="stylesheet" href="{% static 'css/inventree.css' %}">
|
<link rel="stylesheet" href="{% static 'css/inventree.css' %}">
|
||||||
|
<link rel="stylesheet" href="{% static 'fontawesome/css/brands.css' %}">
|
||||||
|
<link rel="stylesheet" href="{% static 'fontawesome/css/solid.css' %}">
|
||||||
|
|
||||||
|
<script type='text/javascript' src="{% static 'fontawesome/js/solid.js' %}"></script>
|
||||||
|
<script type='text/javascript' src="{% static 'fontawesome/js/brands.js' %}"></script>
|
||||||
|
<script type='text/javascript' src="{% static 'fontawesome/js/fontawesome.js' %}"></script>
|
||||||
|
|
||||||
<title>
|
<title>
|
||||||
InvenTree
|
InvenTree
|
||||||
</title>
|
</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class='login-screen'>
|
||||||
|
|
||||||
<div class='main body-wrapper'>
|
<div class='main body-wrapper login-screen'>
|
||||||
|
|
||||||
|
<div class='login-container'>
|
||||||
<div class='login'>
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class='container-fluid'>
|
<div class='container-fluid'>
|
||||||
<div class='clearfix content-heading'>
|
<div class='clearfix content-heading login-header'>
|
||||||
<img class="pull-left" src="{% static 'img/inventree.png' %}" width="60" height="60"/> <h3>InvenTree</h3>
|
<img class="pull-left" src="{% static 'img/inventree.png' %}" width="60" height="60"/>
|
||||||
|
<span><h3>InvenTree</h3></span>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<div class='container-fluid'>
|
<div class='container-fluid'>
|
||||||
<form method="post" action=''>
|
<form method="post" action=''>
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
|
||||||
{% load crispy_forms_tags %}
|
{% load crispy_forms_tags %}
|
||||||
|
|
||||||
{{ form|crispy }}
|
<div id="div_id_username" class="form-group">
|
||||||
|
<label for="id_username" class="control-label requiredField">{% trans "Username" %}<span class="asteriskField">*</span></label>
|
||||||
|
<div class="controls ">
|
||||||
|
<div class='input-group'>
|
||||||
|
<div class='input-group-addon'>
|
||||||
|
<span class='fas fa-user'></span>
|
||||||
|
</div>
|
||||||
|
<input type="text" name="username" autofocus autocapitalize="none" autocomplete="username" maxlength="150" class="textinput textInput form-control" required id="id_username">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="div_id_password" class="form-group">
|
||||||
|
<label for="id_password" class="control-label requiredField">{% trans "Password" %}<span class="asteriskField">*</span></label>
|
||||||
|
<div class='controls'>
|
||||||
|
<div class="input-group">
|
||||||
|
<div class='input-group-addon'>
|
||||||
|
<span class='fas fa-key'></span>
|
||||||
|
</div>
|
||||||
|
<input type="password" name="password" autocomplete="current-password" class="textinput textInput form-control" required id="id_password">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<button class='pull-right btn btn-primary login-button' type="submit">{% trans "Login" %}</button>
|
||||||
|
|
||||||
<button class='pull-right btn btn-primary' type="submit">{% trans "Login" %}</button>
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user