diff --git a/src/components/CustomTabs.astro b/src/components/CustomTabs.astro index 1b8faba..1f918c9 100644 --- a/src/components/CustomTabs.astro +++ b/src/components/CustomTabs.astro @@ -63,12 +63,13 @@ import { Icon } from 'astro-icon/components' button.tab { color: var(--font-color); border: none; + border-bottom: 2px solid transparent; opacity: 75%; } button.tab[data-active="true"] { opacity: 100%; border-bottom: 2px solid var(--action-color); - background: linear-gradient(0deg, var(--action-color) 0%, transparent 15%); + background: linear-gradient(0deg, var(--action-color) 0%,var(--action-color) 5%, transparent 20%); } #tabs-header { margin-left: 6px; diff --git a/src/components/Header.astro b/src/components/Header.astro index 659e291..426ffe3 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -27,6 +27,9 @@ import { Icon } from 'astro-icon/components'