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

add background images

Browse Source
This commit is contained in:
ogerly 2022-05-09 15:42:10 +02:00
parent 739931f136
commit 0a679d6fbd
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,13 @@
<template> <template>
<div class="auth-header"> <div class="auth-header">
<b-navbar toggleable="lg" class="p-0 pr-4"> <b-navbar toggleable="lg" class="p-0 pr-4">
<div class="g-logo-radius bg-white p-3"> <b-img
<b-img :src="logo" height="40" alt="..." /> class="imgLogoBack"
src="img/template/gradido_background_header.png"
alt="start background image"
></b-img>
<div class="p-3">
<b-img class="imgLogo" :src="logo" height="40" 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>
@ -34,6 +39,14 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.imgLogoBack,
.imgLogo {
position: absolute;
}
.imgLogoBack {
height: 140px;
width: 250px;
}
.auth-header { .auth-header {
font-family: 'Open Sans', sans-serif !important; font-family: 'Open Sans', sans-serif !important;
position: sticky; position: sticky;