diff --git a/src/partials/_a_common.scss b/src/partials/_a_common.scss index b1f1eb4..ee429d2 100644 --- a/src/partials/_a_common.scss +++ b/src/partials/_a_common.scss @@ -110,6 +110,20 @@ ion-icon { align-items: flex-start; } +.tailer { + margin: auto; + padding: var(--spacing-horizontal); + width: min-content; + + background-color: var(--background-2); + border-radius: var(--border-radius-leaf); + + font-size: 1.65vh; + white-space: nowrap; + + align-self: center; +} + .footer { margin: 0; padding: var(--spacing-horizontal); diff --git a/src/partials/_pane_nav.scss b/src/partials/_pane_nav.scss index 41f917b..6d428eb 100644 --- a/src/partials/_pane_nav.scss +++ b/src/partials/_pane_nav.scss @@ -6,13 +6,19 @@ .pane_nav { margin: var(--margin-pane); padding: 0; - gap: var(--spacing-menu-gap); + width: min-content; - align-content: start; display: grid; grid-auto-flow: row; grid-template-rows: auto auto auto 1fr max-content; + gap: var(--spacing-menu-gap); + align-content: start; + + position: sticky; + top: var(--margin-pane); + bottom: var(--margin-pane); + right: 0; color: var(--accent-pink); } diff --git a/src/partials/_pane_spacer.scss b/src/partials/_pane_spacer.scss index eee0033..5c514cd 100644 --- a/src/partials/_pane_spacer.scss +++ b/src/partials/_pane_spacer.scss @@ -1,11 +1,18 @@ .pane_spacer { margin: var(--margin-pane); padding: 0; + width: 10vw; + display: grid; grid-auto-flow: row; gap: var(--spacing-menu-gap); + position: sticky; + top: var(--margin-pane); + bottom: var(--margin-pane); + right: 0; + .spacer_container { margin: 0; padding: var(--spacing-horizontal);