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

Slightly update sizes and styles of indicators and navigation to look better

This commit is contained in:
Andrew Kingston 2022-05-19 21:16:26 +01:00
parent 5c8e8f22df
commit 8d645ce8e1
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/app/Layout.svelte
View File

@ -268,7 +268,7 @@
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: stretch; align-items: stretch;
padding: var(--spacing-xl) 32px; padding: 24px 32px;
max-width: 100%; max-width: 100%;
gap: var(--spacing-xl); gap: var(--spacing-xl);
} }

8
packages/client/src/components/preview/Indicator.svelte
View File

@ -14,7 +14,7 @@
export let line = false export let line = false
export let alignRight = false export let alignRight = false
$: flipped = top < 26 $: flipped = top < 24
</script> </script>
<div <div
@ -68,8 +68,8 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: -2px; left: -2px;
height: 26px; height: 24px;
padding: 0 6px 2px 6px; padding: 0 6px 0 6px;
transform: translateY(-100%); transform: translateY(-100%);
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
@ -88,7 +88,7 @@
.label.flipped { .label.flipped {
border-radius: 4px; border-radius: 4px;
transform: translateY(0%); transform: translateY(0%);
top: -2px; top: -1px;
} }
.label.right { .label.right {
right: -2px; right: -2px;