lightning and dark mode prepared

This commit is contained in:
ogerly 2022-11-03 13:02:02 +01:00
parent b35e373d3f
commit 95b0185de1
8 changed files with 17 additions and 13 deletions

View File

@ -9,12 +9,12 @@ body {
cursor: pointer; cursor: pointer;
} }
.bg-default { // .bg-default {
background-color: rgba(245 245 245 / 75%) !important; // background-color: rgba(245 245 245 / 75%) !important;
} // }
.shadow-default { .shadow-default {
box-shadow: rgb(0 0 0 / 14%) 0 24px 80px; box-shadow: rgb(0 0 0 / 14%) 0 4px 10px;
} }
.c-grey { .c-grey {
@ -234,3 +234,7 @@ a:hover,
.gradido-font-15rem { .gradido-font-15rem {
font-size: 1.5rem; font-size: 1.5rem;
} }
.list-group-item {
background-color: rgba(255, 255, 255, 0);
}

View File

@ -1,6 +1,6 @@
<template> <template>
<div id="component-sidebar"> <div id="component-sidebar">
<div class="pl-lg-1 gradido-border-radius bg-white shadow-default pt-2 mt-4"> <div class="pl-lg-1 gradido-border-radius shadow-default pt-2 mt-4">
<p></p> <p></p>
<div class="mb-6"> <div class="mb-6">
<b-nav vertical class="w-200"> <b-nav vertical class="w-200">

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4 gradido-no-border bg-secondary"> <div class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4 gradido-no-border">
<b-row class="gdt-list-collapse-header-text text-center pb-3"> <b-row class="gdt-list-collapse-header-text text-center pb-3">
<b-col class="collapse-headline"> <b-col class="collapse-headline">
<b>{{ getLinesByType.headline }}</b> <b>{{ getLinesByType.headline }}</b>

View File

@ -26,7 +26,7 @@
</b-row> </b-row>
</div> </div>
<b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information :typeId="typeId" :decay="decay" :amount="amount" /> <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
</b-collapse> </b-collapse>
</div> </div>

View File

@ -20,7 +20,7 @@
</b-row> </b-row>
</div> </div>
<b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information-decay <decay-information-decay
:balance="balance" :balance="balance"
:decay="decay.decay" :decay="decay.decay"

View File

@ -32,7 +32,7 @@
</b-row> </b-row>
</div> </div>
<b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information :typeId="typeId" :decay="decay" :amount="amount" /> <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
</b-collapse> </b-collapse>
</div> </div>

View File

@ -32,7 +32,7 @@
</b-row> </b-row>
</div> </div>
<b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information :typeId="typeId" :decay="decay" :amount="amount" /> <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
</b-collapse> </b-collapse>
</div> </div>

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="main-page bg-default h-100"> <div class="main-page h-100">
<div v-if="skeleton"> <div v-if="skeleton">
<b-row class="text-center"> <b-row class="text-center">
<b-col> <b-col>
@ -41,7 +41,7 @@
</b-col> </b-col>
</b-row> </b-row>
</div> </div>
<div v-else class="position-absolute w-100 h-100 bg-default"> <div v-else class="position-absolute w-100 h-100">
<!--<navbar <!--<navbar
class="main-navbar" class="main-navbar"
:balance="balance" :balance="balance"
@ -108,7 +108,7 @@
<!--rechtebox --> <!--rechtebox -->
</b-col> </b-col>
<b-col cols="12" lg="7" md="11" offset="0" offset-lg="2" offset-md="1" order-1> <b-col cols="12" lg="7" md="11" offset="0" offset-lg="2" offset-md="1" order-1>
<div class="main-content"> <div class="main-content mt-3">
<fade-transition :duration="200" origin="center top" mode="out-in"> <fade-transition :duration="200" origin="center top" mode="out-in">
<router-view <router-view
ref="router-view" ref="router-view"