🎉 Make the import export row to be fixed

This commit is contained in:
Eva Marco 2026-07-29 12:18:37 +02:00
parent 42a2510be6
commit 8e485d4fa6

View File

@ -14,6 +14,9 @@
.shortcuts-page { .shortcuts-page {
display: flex; display: flex;
justify-content: center; justify-content: center;
// box-sizing: border-box;
// min-block-size: 100%;
padding-block-end: px2rem(32); padding-block-end: px2rem(32);
} }
@ -194,26 +197,21 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: var(--sp-s); gap: var(--sp-s);
padding-block-start: var(--sp-m); margin-block-start: auto;
} padding-block: var(--sp-m) var(--sp-s);
position: fixed;
bottom: 0;
background-color: var(--app-background);
min-inline-size: px2rem(590);
.shortcuts-info {
display: flex;
gap: var(--sp-s);
align-items: center;
}
.shortcuts-page-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sp-s);
padding-block-start: var(--sp-m);
} }
.shortcuts-info { .shortcuts-info {
@include t.use-typography("body-small"); @include t.use-typography("body-small");
display: flex;
gap: var(--sp-m);
align-items: center;
color: var(--color-foreground-secondary); color: var(--color-foreground-secondary);
} }
@ -229,11 +227,6 @@
background-color: var(--color-accent-error); background-color: var(--color-accent-error);
} }
.shortcuts-info {
display: flex;
gap: var(--sp-m);
}
.shortcuts-info-wrapper { .shortcuts-info-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;