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

View File

@ -1,6 +1,6 @@
<template>
<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>
<div class="mb-6">
<b-nav vertical class="w-200">

View File

@ -1,5 +1,5 @@
<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-col class="collapse-headline">
<b>{{ getLinesByType.headline }}</b>

View File

@ -26,7 +26,7 @@
</b-row>
</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" />
</b-collapse>
</div>

View File

@ -20,7 +20,7 @@
</b-row>
</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
:balance="balance"
:decay="decay.decay"

View File

@ -32,7 +32,7 @@
</b-row>
</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" />
</b-collapse>
</div>

View File

@ -32,7 +32,7 @@
</b-row>
</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" />
</b-collapse>
</div>

View File

@ -1,5 +1,5 @@
<template>
<div class="main-page bg-default h-100">
<div class="main-page h-100">
<div v-if="skeleton">
<b-row class="text-center">
<b-col>
@ -41,7 +41,7 @@
</b-col>
</b-row>
</div>
<div v-else class="position-absolute w-100 h-100 bg-default">
<div v-else class="position-absolute w-100 h-100">
<!--<navbar
class="main-navbar"
:balance="balance"
@ -108,7 +108,7 @@
<!--rechtebox -->
</b-col>
<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">
<router-view
ref="router-view"