MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update styles of padded DND components

This commit is contained in:
Andrew Kingston 2022-10-14 20:30:58 +01:00
parent d166cbb466
commit 3325b7b62b
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/client/src/components/Component.svelte
View File

@ -509,9 +509,9 @@
transition: padding 260ms ease-out, border 260ms ease-out; transition: padding 260ms ease-out, border 260ms ease-out;
} }
.component.pad :global(> *) { .component.pad :global(> *) {
padding: 12px !important; padding: var(--spacing-l) !important;
gap: 12px !important; gap: var(--spacing-l) !important;
border: 2px dotted var(--spectrum-global-color-gray-400) !important; border: 2px dashed var(--spectrum-global-color-gray-400) !important;
border-radius: 4px !important; border-radius: 4px !important;
} }
.interactive :global(*) { .interactive :global(*) {

2
packages/client/src/utils/styleable.js
View File

@ -27,7 +27,7 @@ export const styleable = (node, styles = {}) => {
const setupStyles = (newStyles = {}) => { const setupStyles = (newStyles = {}) => {
let baseStyles = {} let baseStyles = {}
if (newStyles.empty) { if (newStyles.empty) {
baseStyles.border = "2px dashed var(--spectrum-global-color-gray-600)" baseStyles.border = "2px dashed var(--spectrum-global-color-gray-400)"
baseStyles.padding = "var(--spacing-l)" baseStyles.padding = "var(--spacing-l)"
baseStyles.overflow = "hidden" baseStyles.overflow = "hidden"
} }