🎨
This commit is contained in:
parent
6c1f1ffdb1
commit
f11ef93a81
2 changed files with 7 additions and 3 deletions
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="ui-card">
|
<div class="ui-card" :class="{ shadow: $store.state.settings.useShadow }">
|
||||||
<header>
|
<header>
|
||||||
<slot name="title"></slot>
|
<slot name="title"></slot>
|
||||||
</header>
|
</header>
|
||||||
|
@ -24,7 +24,10 @@ export default Vue.extend({
|
||||||
margin 16px
|
margin 16px
|
||||||
color var(--faceText)
|
color var(--faceText)
|
||||||
background var(--face)
|
background var(--face)
|
||||||
box-shadow 0 3px 1px -2px rgba(#000, 0.2), 0 2px 2px 0 rgba(#000, 0.14), 0 1px 5px 0 rgba(#000, 0.12)
|
border-radius var(--round)
|
||||||
|
|
||||||
|
&.shadow
|
||||||
|
box-shadow 0 3px 1px -2px rgba(#000, 0.2), 0 2px 2px 0 rgba(#000, 0.14), 0 1px 5px 0 rgba(#000, 0.12)
|
||||||
|
|
||||||
> header
|
> header
|
||||||
padding 16px
|
padding 16px
|
||||||
|
|
|
@ -573,7 +573,8 @@ export default Vue.extend({
|
||||||
height 100%
|
height 100%
|
||||||
padding 16px 0 0 0
|
padding 16px 0 0 0
|
||||||
overflow auto
|
overflow auto
|
||||||
border-right solid 1px var(--faceDivider)
|
box-shadow var(--shadowRight)
|
||||||
|
z-index 1
|
||||||
|
|
||||||
> p
|
> p
|
||||||
display block
|
display block
|
||||||
|
|
Loading…
Reference in a new issue