gru/routeros_backup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

male zmiany w css

Browse Source
This commit is contained in:
Mateusz Gruszczyński 2025-02-25 22:52:16 +01:00
parent 16c9a75253
commit d4ff3ff635
3 changed files with 49 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
templates/base.html
View File

@ -199,6 +199,25 @@
.btn-logout { .btn-logout {
color: #fff; color: #fff;
} }
html, body {
height: 100%;
overflow: hidden; /* Uniknięcie przewijania na dużych ekranach */
}
.container {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.full-height-row {
display: flex;
align-items: center;
justify-content: center;
min-height: calc(100vh - 56px);
}
</style> </style>
{% block head %}{% endblock %} {% block head %}{% endblock %}

20
templates/login.html
View File

@ -1,19 +1,27 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block head %} {% block head %}
<style> <style>
/* Poprawiona responsywność i centrowanie */
.full-height-row {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding-top: 2rem;
}
@media (max-width: 576px), (max-height: 600px) { @media (max-width: 768px) {
.full-height-row { .full-height-row {
min-height: auto !important; min-height: auto;
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
} }
@media (min-width: 577px) and (min-height: 600px) { .card {
.full-height-row { width: 100%;
min-height: calc(100vh - 56px) !important; max-width: 420px;
} margin: auto;
} }
</style> </style>
{% endblock %} {% endblock %}

24
templates/register.html
View File

@ -1,21 +1,29 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block head %} {% block head %}
<style> <style>
<style> /* Poprawiona responsywność i centrowanie */
@media (max-width: 576px), (max-height: 600px) { .full-height-row {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding-top: 2rem;
}
@media (max-width: 768px) {
.full-height-row { .full-height-row {
min-height: auto !important; min-height: auto;
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
} }
@media (min-width: 577px) and (min-height: 600px) {
.full-height-row { .card {
min-height: calc(100vh - 56px) !important; width: 100%;
} max-width: 420px;
margin: auto;
} }
</style> </style>
</style>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="container"> <div class="container">