From 77bbb440cbf8189147eb4e1e81e53b1d0bab0ac9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= Date: Thu, 22 Apr 2021 15:14:55 +0200 Subject: [PATCH] converts Drawer component to Spectrum --- packages/bbui/src/Drawer/Drawer.svelte | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/packages/bbui/src/Drawer/Drawer.svelte b/packages/bbui/src/Drawer/Drawer.svelte index 60816a81e6..a20e08895b 100644 --- a/packages/bbui/src/Drawer/Drawer.svelte +++ b/packages/bbui/src/Drawer/Drawer.svelte @@ -2,6 +2,8 @@ import { slide } from "svelte/transition" import Portal from "svelte-portal" import ActionButton from "../ActionButton/ActionButton.svelte" + import Body from "../Typography/Body.svelte" + import Heading from "../Typography/Heading.svelte" export let title @@ -35,8 +37,8 @@
-
{title}
- + {title} +
@@ -64,24 +66,18 @@ justify-content: space-between; align-items: center; border-bottom: var(--border-light); - padding: var(--spacing-m); + padding: 0 var(--spectrum-alias-item-padding-s) ; + } + header :global(*) + :global(*) { + margin: var(--spectrum-alias-grid-baseline); } .controls { display: grid; grid-auto-flow: column; - grid-gap: var(--spacing-m); + grid-gap: var(--spectrum-alias-item-padding-s); align-items: center; } - - .close { - font-size: var(--font-size-xl); - cursor: pointer; - } - .title { - font-weight: bold; - margin-right: var(--spacing-m); - } .text { display: flex; flex-direction: row;