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

style work to end

Browse Source
This commit is contained in:
ogerly 2022-04-14 09:26:29 +02:00
parent 18c36ea0a4
commit 53d524c7f5
3 changed files with 35 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/Auth/Carousel.vue
View File

@ -6,7 +6,6 @@
:interval="30000"
controls
indicators
background="#ababab"
@sliding-start="onSlideStart"
@sliding-end="onSlideEnd"
>
@ -40,11 +39,11 @@ export default {
.carousel {
position: relative;
height: 100%;
border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;
/*border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;*/
}
.carousel-inner {
height: 100%;
border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;
border-radius: 0 94% 63% 0/0 78% 54% 0;
}
@media screen and (max-width: 1398px) {

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

@ -10,19 +10,13 @@
<b-collapse id="nav-collapse" is-nav>
<!-- Right aligned nav items -->
<b-navbar-nav class="ml-auto" right>
<b-nav-item>{{ $t('auth.navbar.overGradido') }}</b-nav-item>
<b-nav-item to="https://gradido.net/de/" target="_blank">
{{ $t('auth.navbar.overGradido') }}
</b-nav-item>
<b-nav-item>{{ $t('auth.navbar.greatCooperation') }}</b-nav-item>
<b-nav-item to="/register">{{ $t('signup') }}</b-nav-item>
<b-nav-item>{{ $t('auth.navbar.podcast') }}</b-nav-item>
<b-nav-item>{{ $t('auth.navbar.press') }}</b-nav-item>
<b-nav-item>{{ $t('auth.navbar.contact') }}</b-nav-item>
<b-nav-item to="/login">{{ $t('signup') }}</b-nav-item>
<b-nav-item to="/register">{{ $t('signin') }}</b-nav-item>
<b-nav-item to="/login">{{ $t('signin') }}</b-nav-item>
</b-navbar-nav>
</b-collapse>
</b-navbar>
@ -58,6 +52,9 @@ export default {
}
</script>
<style lang="scss">
.auth-header {
font-family: 'Open Sans';
}
.navbar-collapse {
margin-left: 20px;
}

47
frontend/src/layouts/AuthLayout_gdd.vue
View File

@ -95,7 +95,7 @@
<router-view></router-view>
</b-card-body>
</b-card>
<content-footer v-if="!$route.meta.hideFooter"></content-footer>
<auth-footer v-if="!$route.meta.hideFooter"></auth-footer>
</b-col>
</b-row>
<!-- <auth-layout-gdd />-->
@ -103,18 +103,18 @@
</div>
</template>
<script>
import ContentFooter from '@/components/ContentFooter.vue'
import LanguageSwitch from '@/components/LanguageSwitch2'
import AuthHeader from '@/components/Auth/Header.vue'
import Carousel from '@/components/Auth/Carousel.vue'
import LanguageSwitch from '@/components/LanguageSwitch2'
import AuthFooter from '@/components/Auth/Footer.vue'
export default {
name: 'AuthTemplate',
components: {
ContentFooter,
LanguageSwitch,
AuthHeader,
Carousel,
LanguageSwitch,
AuthFooter,
},
data() {
return {
@ -132,6 +132,16 @@ export default {
.page-font-size {
font-size: 1rem;
}
.auth-template {
overflow-x: hidden;
}
.auth-template,
.auth-template-content {
height: 100%;
}
.auth-header {
z-index: 999;
}
.mobil-start-box {
position: fixed;
height: 100%;
@ -166,30 +176,23 @@ export default {
position: relative;
}
.auth-template-content {
height: 100%;
}
.auth-header {
z-index: 999;
}
.bg-img-box {
margin-top: -178px;
/* margin-left: -80px; */
margin-top: -308px;
margin-left: -118px;
position: absolute;
top: 0px;
bottom: 0px;
top: 33px;
bottom: -228px;
min-width: 86%;
/* max-width: 800px; */
background-color: bisque;
border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;
max-width: 800px;
/* background-color: bisque; */
/* border-radius: 0% 48% 74% 0%/59% 70% 73% 47%; */
}
.bg-txt-box {
position: relative;
margin-top: 300px;
padding-bottom: 20px;
margin-top: 317px;
/* padding-bottom: 20px; */
text-shadow: 2px 2px 8px #000000;
max-width: 733px;
}
.bg-txt-box > .h0 {
font-size: 4em;