This commit is contained in:
syuilo
2019-02-28 12:49:13 +09:00
parent 9c363ff045
commit b7927ba386
16 changed files with 83 additions and 264 deletions

View File

@ -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)