IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

changed style logo, mobile variants

Browse Source
This commit is contained in:
ogerly 2022-05-10 07:52:45 +02:00
parent 178bfc9dcf
commit 9e184c368b
2 changed files with 29 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/Auth/Header.vue
View File

@ -7,7 +7,7 @@
alt="start background image" alt="start background image"
></b-img> ></b-img>
<div class="p-3"> <div class="p-3">
<b-img class="imgLogo" :src="logo" height="40" alt="..." /> <b-img class="imgLogo" :src="logo" alt="..." />
</div> </div>
<b-img class="header-img d-block d-lg-none" :src="sheet"></b-img> <b-img class="header-img d-block d-lg-none" :src="sheet"></b-img>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle> <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
@ -43,9 +43,19 @@ export default {
.imgLogo { .imgLogo {
position: absolute; position: absolute;
} }
.imgLogo {
z-index: 1000;
width: 200px;
max-width: 280px;
top: 19px;
left: 0px;
}
.imgLogoBack { .imgLogoBack {
height: 140px; width: 230px;
width: 250px; max-width: 300px;
height: auto;
top: 0px;
} }
.auth-header { .auth-header {
font-family: 'Open Sans', sans-serif !important; font-family: 'Open Sans', sans-serif !important;

29
frontend/src/components/Auth/MobileStart.vue
View File

@ -55,14 +55,25 @@ export default {
bottom: 65px; bottom: 65px;
width: 100%; width: 100%;
} }
/* logo */ /* logo */
.mobil-start-box #img0 { .mobil-start-box #img0 {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
min-width: 200px; width: 200px;
max-width: 280px; max-width: 280px;
} }
/* background logo */
.mobil-start-box #img2 {
position: absolute;
width: 230px;
max-width: 300px;
height: auto;
z-index: 100;
}
/* background maske */
.mobil-start-box #img1 { .mobil-start-box #img1 {
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
@ -71,22 +82,14 @@ export default {
z-index: 10; z-index: 10;
} }
.mobil-start-box #img2 {
position: absolute;
min-width: 220px;
max-width: 300px;
height: auto;
z-index: 100;
}
.mobil-start-box #img3 { .mobil-start-box #img3 {
width: 115%; position: relative;
/*position: relative;*/
} }
@media screen and (min-width: 992px) { @media screen and (min-width: 1024px) {
.mobil-start-box #img3 { .mobil-start-box #img3 {
width: 150%; width: 100%;
top: -148px; top: -120px;
} }
} }