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">
|
||||
{% 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>
|
||||
</div>
|
||||
<div class="flex justify-end">
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user