Changed the color of the log background

This commit is contained in:
Stefan Zermatten
2021-03-02 14:31:35 +02:00
parent 28e1fcabd5
commit e00dfe1532
2 changed files with 14 additions and 6 deletions

View File

@@ -5,15 +5,15 @@
right right
clipped clipped
> >
<log-tab :creature-id="$route.params.id" /> <character-log :creature-id="$route.params.id" />
</v-navigation-drawer> </v-navigation-drawer>
</template> </template>
<script> <script>
import LogTab from '/imports/ui/log/CharacterLog.vue'; import CharacterLog from '/imports/ui/log/CharacterLog.vue';
export default { export default {
components: { components: {
LogTab, CharacterLog,
}, },
computed: { computed: {
drawer: { drawer: {

View File

@@ -3,8 +3,10 @@
style="height: 100%; overflow: hidden;" style="height: 100%; overflow: hidden;"
class="character-log layout column justify-end" class="character-log layout column justify-end"
> >
<div <v-slide-y-reverse-transition
class="log flex layout column reverse align-end pa-3" group
hide-on-leave
class="log-entries flex layout column reverse align-end pa-3"
style="overflow: auto;" style="overflow: auto;"
> >
<log-entry <log-entry
@@ -12,7 +14,7 @@
:key="log._id" :key="log._id"
:model="log" :model="log"
/> />
</div> </v-slide-y-reverse-transition>
<v-card> <v-card>
<v-text-field <v-text-field
v-model="input" v-model="input"
@@ -120,4 +122,10 @@ export default {
.log-tab p:last-child { .log-tab p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.theme--dark .log-entries {
background: #303030;
}
.log-entries {
background: #fafafa;
}
</style> </style>