From 6d3890dcbf210321b8826c2fa9d1bba82d978add Mon Sep 17 00:00:00 2001 From: Arnaud Date: Tue, 10 Sep 2024 13:48:13 +0200 Subject: [PATCH] Fix tabs css --- src/components/Tabs/tabs.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/components/Tabs/tabs.css b/src/components/Tabs/tabs.css index b054e23..26cf8db 100644 --- a/src/components/Tabs/tabs.css +++ b/src/components/Tabs/tabs.css @@ -13,6 +13,7 @@ cursor: pointer; transition: 0.35s opacity; z-index: 1; + position: relative; } .tabs-tab::after { @@ -33,8 +34,14 @@ opacity: 0.85; } -.tabs-tab--active { - border-bottom: 2px solid var(--codex-color-contrast); +.tabs-tab--active:after { + width: 100%; + background-color: var(--codex-color-contrast); + content: " "; + position: absolute; + height: 2px; + top: 11px; + top: 31px; } .tabs-icon {