Refactor
This commit is contained in:
parent
9c363ff045
commit
b7927ba386
16 changed files with 83 additions and 264 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="ui-card" :class="{ shadow: $store.state.device.useShadow }">
|
||||
<div class="ui-card" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
|
||||
<header>
|
||||
<slot name="title"></slot>
|
||||
</header>
|
||||
|
|
@ -25,7 +25,9 @@ export default Vue.extend({
|
|||
max-width 850px
|
||||
color var(--faceText)
|
||||
background var(--face)
|
||||
border-radius var(--round)
|
||||
|
||||
&.round
|
||||
border-radius 6px
|
||||
|
||||
&.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)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue