male zmiany w css
This commit is contained in:
parent
6ac006e355
commit
b7d3b0a7e1
@ -1,28 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
{% block head %}
|
||||
<style>
|
||||
/* Poprawiona responsywność i centrowanie */
|
||||
@media (min-width: 577px) and (min-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 {
|
||||
min-height: auto;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 100%;
|
||||
max-width: 420px;
|
||||
margin: auto;
|
||||
min-height: calc(100vh - 56px) !important;
|
||||
align-items: flex-start;
|
||||
padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
@ -1,28 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
{% block head %}
|
||||
<style>
|
||||
/* Poprawiona responsywność i centrowanie */
|
||||
@media (min-width: 577px) and (min-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 {
|
||||
min-height: auto;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 100%;
|
||||
max-width: 420px;
|
||||
margin: auto;
|
||||
min-height: calc(100vh - 56px) !important;
|
||||
align-items: flex-start;
|
||||
padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
Loading…
x
Reference in New Issue
Block a user