mirror of
https://github.com/IT4Change/gradido.git
synced 2026-02-06 09:56:05 +00:00
cdaca99b04
* frontend - moved to vue 2.7 and vite * frontend - moved to vue 3 * frontend - login page updates * fix(frontend): WiP migration * fix(frontend): WiP migration * fix(frontend): WiP migration * fix(frontend): WiP migration * fix(frontend): WiP migration * fix(frontend): fix eslint/stylelint issues * fix(frontend): fix eslint/stylelint issues * feature(frontend): update node in docker frontend * feature(frontend): move send types out of Send file * feature(frontend): add entry in package json to fix eslint issue * feature(frontend): eslint fix * replace docker-compose with docker compose * update docker-compose test file * feature(frontend): Creation fixes * feature(frontend): Add missing updates for apollo scripts. --------- Co-authored-by: einhornimmond <silas@einhornimmond.de>
93 lines
1.7 KiB
Vue
Executable File
93 lines
1.7 KiB
Vue
Executable File
<template>
|
|
<div id="app" ref="app" :class="darkMode ? 'dark-mode' : ''">
|
|
<BToastOrchestrator />
|
|
<div :class="$route.meta.requiresAuth ? 'app-content' : ''">
|
|
<component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayout'" />
|
|
<div class="goldrand position-fixed fixed-bottom zindex1000"></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import DashboardLayout from '@/layouts/DashboardLayout'
|
|
import AuthLayout from '@/layouts/AuthLayout'
|
|
|
|
export default {
|
|
name: 'App',
|
|
components: {
|
|
DashboardLayout,
|
|
AuthLayout,
|
|
},
|
|
computed: {
|
|
darkMode() {
|
|
return this.$store.state.darkMode
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@font-face {
|
|
font-family: WorkSans, sans-serif !important;
|
|
src: url('./assets/scss/fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
|
|
}
|
|
|
|
#app {
|
|
font-size: 1rem;
|
|
font-family: WorkSans, sans-serif !important;
|
|
}
|
|
|
|
.app-content {
|
|
min-width: 330px;
|
|
max-width: 1320px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.app-box-shadow {
|
|
box-shadow: 20pt 20pt 50pt 0 #3838384f;
|
|
}
|
|
|
|
@media screen and (width <= 500px) {
|
|
#app {
|
|
font-size: 0.85rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (width <= 1024px) {
|
|
#app {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
|
|
.goldrand {
|
|
background: linear-gradient(
|
|
90deg,
|
|
rgb(197 141 56 / 100%) 6%,
|
|
rgb(243 205 124 / 100%) 30%,
|
|
rgb(219 176 86 / 100%) 54%,
|
|
rgb(238 192 95 / 100%) 63%,
|
|
rgb(204 157 61 / 100%) 88%
|
|
);
|
|
height: 13px;
|
|
}
|
|
|
|
.text-color-gdd-yellow {
|
|
color: rgb(197 141 56);
|
|
}
|
|
|
|
.dropdown > .dropdown-toggle {
|
|
border-radius: 17px;
|
|
height: 50px;
|
|
text-align: left;
|
|
}
|
|
|
|
.dropdown-toggle::after {
|
|
float: right;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
position: relative;
|
|
}
|
|
</style>
|