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

View File

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

View File

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