diff options
Diffstat (limited to 'src/client/style.scss')
| -rw-r--r-- | src/client/style.scss | 35 |
1 files changed, 20 insertions, 15 deletions
diff --git a/src/client/style.scss b/src/client/style.scss index 93d4159d4d..fee64c7ca8 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -3,7 +3,7 @@ :root { --radius: 8px; --marginFull: 16px; - --marginHalf: 8px; + --marginHalf: 10px; --margin: var(--marginFull); @@ -230,7 +230,6 @@ hr { @extend ._button; color: #fff; background: var(--accent); - box-shadow: 0 6px 16px var(--accentShadow); &:not(:disabled):hover { background: var(--jkhztclx); @@ -276,23 +275,29 @@ hr { } } -._shadow { - box-shadow: 0 8px 32px var(--shadow); - - @media (max-width: 700px) { - box-shadow: 0 4px 16px var(--shadow); - } - - @media (max-width: 500px) { - box-shadow: 0 2px 8px var(--shadow); - } -} - ._panel { - @extend ._shadow; position: relative; background: var(--panel); border-radius: var(--radius); + box-shadow: 0 0 0 1px var(--divider); +} + +main ._panel { + border-radius: 0; + box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider); +} + +._panel ._panel { + border-radius: 0; + box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider); +} + +._panel._button { + display: flex; + width: 100%; + min-height: 48px; + align-items: center; + justify-content: center; } ._card { |