From ae00d58da8563bc6fde351499717aa9311d729ea Mon Sep 17 00:00:00 2001 From: upsiflu Date: Mon, 6 Jan 2025 20:29:33 +0100 Subject: [PATCH] refactor(ui): same paddings in Link as in Button component --- front/src/components/ui/Link.vue | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/front/src/components/ui/Link.vue b/front/src/components/ui/Link.vue index 9bcd2a9c6..2e1339d24 100644 --- a/front/src/components/ui/Link.vue +++ b/front/src/components/ui/Link.vue @@ -69,15 +69,19 @@ onMounted(() => { // Layout - --padding: 10px; + --padding: 16px; + --shift-by: 0.5px; position: relative; display: inline-flex; white-space: nowrap; - padding: 9px 10px 11px 10px; + padding: calc(var(--padding) - var(--shift-by)) var(--padding) calc(var(--padding) + var(--shift-by)) var(--padding); &.is-icon-only { - padding: 10px; + padding: var(--padding); + } + .is-low-height { + --padding: 12px; } &.no-spacing{ padding: 0;