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

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

@ -55,14 +55,25 @@ export default {
bottom: 65px;
width: 100%;
}
/* logo */
.mobil-start-box #img0 {
position: absolute;
z-index: 1000;
min-width: 200px;
width: 200px;
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 {
position: absolute;
overflow: hidden;
@ -71,22 +82,14 @@ export default {
z-index: 10;
}
.mobil-start-box #img2 {
position: absolute;
min-width: 220px;
max-width: 300px;
height: auto;
z-index: 100;
}
.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 {
width: 150%;
top: -148px;
width: 100%;
top: -120px;
}
}