Better responsive homepage
This commit is contained in:
parent
bf5156f67a
commit
e72a5a78bc
|
@ -58,7 +58,6 @@
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 14px;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
|
@ -72,7 +71,18 @@
|
||||||
@media screen and (max-width: $small-screen) {
|
@media screen and (max-width: $small-screen) {
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
margin-top: 20px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
min-height: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 15px !important;
|
||||||
|
line-height: initial;
|
||||||
|
|
||||||
|
div:first-child {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -39,6 +39,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: $small-screen) {
|
||||||
|
.block-warning img {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -13,10 +13,18 @@ header h4 a {
|
||||||
}
|
}
|
||||||
|
|
||||||
header .search-home {
|
header .search-home {
|
||||||
margin: 50px 0 -7px 0 !important;
|
margin: 30px 0 -7px 0 !important;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 500px) {
|
||||||
|
header .search-home {
|
||||||
|
margin-bottom: -4px !important;
|
||||||
|
width: 150px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.search-container {
|
.search-container {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue