diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-06-03 23:01:22 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-06-03 23:01:22 +0200 |
| commit | 13827fde30a847ad96f58f458c8d18ce873d3b81 (patch) | |
| tree | deb4a29807eccf37c43d264fc2a8e3a5f8c4607f /apps/web-shared/src | |
| parent | 4d075bfdd19daf05fe8f8fe0aa589713e305d73d (diff) | |
| download | greatoffice-13827fde30a847ad96f58f458c8d18ce873d3b81.tar.xz greatoffice-13827fde30a847ad96f58f458c8d18ce873d3b81.zip | |
refactor: Add a small box-shadow
Diffstat (limited to 'apps/web-shared/src')
| -rw-r--r-- | apps/web-shared/src/components/dropdown.svelte | 2 | ||||
| -rw-r--r-- | apps/web-shared/src/styles/components/autocomplete.scss | 2 | ||||
| -rw-r--r-- | apps/web-shared/src/styles/custom-style/_shared-styles.scss | 3 |
3 files changed, 3 insertions, 4 deletions
diff --git a/apps/web-shared/src/components/dropdown.svelte b/apps/web-shared/src/components/dropdown.svelte index d53bb6e..2b7f82b 100644 --- a/apps/web-shared/src/components/dropdown.svelte +++ b/apps/web-shared/src/components/dropdown.svelte @@ -344,7 +344,7 @@ {/if} <!-- dropdown --> - <div class="autocomplete__results select-auto__results"> + <div class="autocomplete__results select-auto__results shadow-xs inner-glow"> <ul on:keydown={(event) => event.code.startsWith("Arrow") && event.preventDefault()} tabindex="-1" class="autocomplete__list"> diff --git a/apps/web-shared/src/styles/components/autocomplete.scss b/apps/web-shared/src/styles/components/autocomplete.scss index cde3632..c20d508 100644 --- a/apps/web-shared/src/styles/components/autocomplete.scss +++ b/apps/web-shared/src/styles/components/autocomplete.scss @@ -24,7 +24,7 @@ Usage: codyhouse.co/license left: 0; top: calc(100% + var(--autocomplete-dropdown-vertical-gap)); background-color: var(--color-bg-light); - box-shadow: var(--inner-glow), var(--shadow-md); + box-shadow: var(--inner-glow), var(--shadow-xs); border-radius: var(--radius-md); opacity: 0; visibility: hidden; diff --git a/apps/web-shared/src/styles/custom-style/_shared-styles.scss b/apps/web-shared/src/styles/custom-style/_shared-styles.scss index e9a32b8..c685b46 100644 --- a/apps/web-shared/src/styles/custom-style/_shared-styles.scss +++ b/apps/web-shared/src/styles/custom-style/_shared-styles.scss @@ -5,13 +5,12 @@ --radius-sm: calc(var(--radius) / 2); --radius-md: var(--radius); --radius-lg: calc(var(--radius) * 2); - --shadow-xs: 0; + --shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; --shadow-sm: 0; --shadow-md: 0; --shadow-lg: 0; --shadow-xl: 0; } - // -------------------------------- // (START) Global editor code https://codyhouse.co/ds/globals/shared-styles |