mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
81 lines
2.3 KiB
Vue
81 lines
2.3 KiB
Vue
<template>
|
|
<div class="auth-header">
|
|
<b-navbar toggleable="lg" class="p-0">
|
|
<div class="g-logo-radius bg-white p-3">
|
|
<img :src="logo" height="40" alt="..." />
|
|
</div>
|
|
<b-img-lazy
|
|
class="header-img d-block d-lg-none"
|
|
src="/img/template/Blaetter.png"
|
|
></b-img-lazy>
|
|
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
|
|
|
|
<b-collapse id="nav-collapse" is-nav>
|
|
<!-- Right aligned nav items -->
|
|
<b-navbar-nav class="ml-auto" right>
|
|
<b-nav-item-dropdown text="über Gradido">
|
|
<b-dropdown-item href="#">EN</b-dropdown-item>
|
|
<b-dropdown-item href="#">ES</b-dropdown-item>
|
|
<b-dropdown-item href="#">RU</b-dropdown-item>
|
|
<b-dropdown-item href="#">FA</b-dropdown-item>
|
|
</b-nav-item-dropdown>
|
|
|
|
<b-nav-item-dropdown text="Great Cooperation">
|
|
<b-dropdown-item href="#">EN</b-dropdown-item>
|
|
<b-dropdown-item href="#">ES</b-dropdown-item>
|
|
<b-dropdown-item href="#">RU</b-dropdown-item>
|
|
<b-dropdown-item href="#">FA</b-dropdown-item>
|
|
</b-nav-item-dropdown>
|
|
|
|
<b-nav-item href="#">Podcast</b-nav-item>
|
|
|
|
<b-nav-item-dropdown text="Presse">
|
|
<b-dropdown-item href="#">EN</b-dropdown-item>
|
|
<b-dropdown-item href="#">ES</b-dropdown-item>
|
|
<b-dropdown-item href="#">RU</b-dropdown-item>
|
|
<b-dropdown-item href="#">FA</b-dropdown-item>
|
|
</b-nav-item-dropdown>
|
|
|
|
<b-nav-item href="#">Kontakt</b-nav-item>
|
|
|
|
<b-nav-item href="#">Anmelden | Registrieen</b-nav-item>
|
|
</b-navbar-nav>
|
|
</b-collapse>
|
|
</b-navbar>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'AuthHeader',
|
|
data() {
|
|
return {
|
|
logo: 'img/brand/green.png',
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
<style lang="scss">
|
|
.auth-header {
|
|
position: sticky;
|
|
}
|
|
|
|
.header-img {
|
|
position: absolute;
|
|
bottom: -180%;
|
|
right: 0px;
|
|
width: 70%;
|
|
}
|
|
|
|
.g-logo-radius {
|
|
-webkit-border-top-right-radius: 77px;
|
|
-webkit-border-bottom-right-radius: 137px;
|
|
-webkit-border-bottom-left-radius: 0px;
|
|
-moz-border-radius-topright: 77px;
|
|
-moz-border-radius-bottomright: 137px;
|
|
-moz-border-radius-bottomleft: 0px;
|
|
border-top-right-radius: 77px;
|
|
border-bottom-right-radius: 137px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
</style>
|