Changed the color of the log background
This commit is contained in:
@@ -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: {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user