delf/agroexpert
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new style header banner

Browse Source
This commit is contained in:
AK Delfin
2024-04-17 12:56:16 +03:00
parent 1a7ee34959
commit 3d07120a3a
2 changed files with 12 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/dist/assets/main.css vendored
View File

@@ -1622,34 +1622,17 @@ button {
} }
} }
.banner--header { .banner--header {
height: 12rem; display: block;
display: -webkit-box; max-width: 1440px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%; width: 100%;
margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.banner--header img {
min-height: 100%;
max-height: 100%;
}
.banner--header a { .banner--header IMG{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; width: 100%;
height: 100%; height: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} }
@media (max-width: 767px) { @media (max-width: 767px) {

17
frontend/src/styles/components/banner.css
View File

@@ -1,22 +1,15 @@
.banner--header { .banner--header {
height: 12rem; display: block;
display: flex; max-width: 1440px;
align-items: center;
justify-content: center;
width: 100%; width: 100%;
margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.banner--header img {
min-height: 100%;
max-height: 100%;
}
.banner--header a { .banner--header IMG{
display: flex;
width: 100%; width: 100%;
height: 100%; height: auto;
justify-content: center;
} }
@media (max-width: 767px) { @media (max-width: 767px) {