Merge branch 'master' of edugit.org:enrichment-2024/qivip
This commit is contained in:
@@ -1,21 +0,0 @@
|
|||||||
/*color vars*/
|
|
||||||
:root {
|
|
||||||
--main_bg: #1e1e1e;
|
|
||||||
--main_text_color: #d3d3d3;
|
|
||||||
--main_color: #3399cc;
|
|
||||||
--hover_main_color: #3399ccb0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--main_bg);
|
|
||||||
color: var(--main_text_color);
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 100vh;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
@@ -1,128 +0,0 @@
|
|||||||
|
|
||||||
.register_link {
|
|
||||||
color:var(--main_text_color);
|
|
||||||
background-color: #2e2e2e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register_button {
|
|
||||||
color:var(--main_text_color);
|
|
||||||
background-color: #2e2e2e;
|
|
||||||
border-radius: 5px;
|
|
||||||
border:none;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.login-container {
|
|
||||||
background-color: #2e2e2e;
|
|
||||||
padding: 30px;
|
|
||||||
border-radius: 15px;
|
|
||||||
width: 400px;
|
|
||||||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
|
|
||||||
text-align: center;
|
|
||||||
border: 2px solid var(--main_color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-header {
|
|
||||||
color: var(--main_text_color);
|
|
||||||
font-size: 24px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
width: 350px;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 25px;
|
|
||||||
padding-right: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.input-group input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px;
|
|
||||||
border: 1px solid #555;
|
|
||||||
border-radius: 15px;
|
|
||||||
background-color: #4a4a4a;
|
|
||||||
color: var(--main_text_color);
|
|
||||||
outline: none;
|
|
||||||
transition: transform 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.input-group input:focus {
|
|
||||||
transform: scale(1.06);
|
|
||||||
border-color: var(--main_color);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.login-button {
|
|
||||||
width: 50%;
|
|
||||||
padding: 13px;
|
|
||||||
background-color: var(--main_color);
|
|
||||||
color: var(--main_text_color);
|
|
||||||
border: none;
|
|
||||||
border-radius: 15px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 10px;
|
|
||||||
transition: transform 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.login-button:hover {
|
|
||||||
background-color: var(--hover_main_color);
|
|
||||||
transform: scale(1.06);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.login-logo {
|
|
||||||
width: 400px;
|
|
||||||
height: auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
.login-logo-mobile {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.login-container {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MOBILE DEVICES */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.login-container {
|
|
||||||
width: 250px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.input-group {
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
.login-logo {
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
.login-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.login-form {
|
|
||||||
padding-bottom: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* DESKTOP DEVICES*/
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.login-logo-mobile {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
<form action="{% url 'accounts:logout' %}" method="post">
|
<form action="{% url 'accounts:logout' %}" method="post">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<button class="bg-red-600 text-white p-3 rounded-full font-black" type="submit">Abmelden</button>
|
<button class="bg-blue-600 text-white p-3 rounded-full font-black" type="submit">Abmelden</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex justify-end">
|
<div class="flex justify-end">
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user