🎨
This commit is contained in:
parent
6f71ba376d
commit
52911cc9fd
1 changed files with 4 additions and 3 deletions
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="ukygtjoj" :class="{ naked, inNakedDeckColumn, hideHeader: !showHeader, shadow: $store.state.device.useShadow }">
|
<div class="ukygtjoj" :class="{ naked, inNakedDeckColumn, hideHeader: !showHeader, shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
|
||||||
<header v-if="showHeader">
|
<header v-if="showHeader">
|
||||||
<div class="title"><slot name="header"></slot></div>
|
<div class="title"><slot name="header"></slot></div>
|
||||||
<slot name="func"></slot>
|
<slot name="func"></slot>
|
||||||
|
@ -59,6 +59,8 @@ export default Vue.extend({
|
||||||
|
|
||||||
&:not(.inNakedDeckColumn)
|
&:not(.inNakedDeckColumn)
|
||||||
background var(--face)
|
background var(--face)
|
||||||
|
|
||||||
|
&.round
|
||||||
border-radius 8px
|
border-radius 8px
|
||||||
|
|
||||||
&.shadow
|
&.shadow
|
||||||
|
@ -82,7 +84,6 @@ export default Vue.extend({
|
||||||
font-weight normal
|
font-weight normal
|
||||||
color var(--faceHeaderText)
|
color var(--faceHeaderText)
|
||||||
background var(--faceHeader)
|
background var(--faceHeader)
|
||||||
border-radius 8px 8px 0 0
|
|
||||||
|
|
||||||
> [data-icon]
|
> [data-icon]
|
||||||
margin-right 6px
|
margin-right 6px
|
||||||
|
|
Loading…
Reference in a new issue