style hover link

This commit is contained in:
isUnknown 2024-03-12 17:38:53 +01:00
parent 0fed6cfd12
commit 1fa9bf1e10
5 changed files with 48 additions and 30 deletions

View file

@ -6,7 +6,8 @@ $activeTab = isset($activeTab) ? Str::slug($activeTab) : '';
<nav id="tabs" x-data="{
activeTab: '<?= $activeTab ?>'
}">
}"
:class="activeTab.length > 0 ? 'open' : 'close'">
<div class="toggle-btns | flex space-between" style="
--content:space-between;
">
@ -22,7 +23,9 @@ $activeTab = isset($activeTab) ? Str::slug($activeTab) : '';
@click="toggleTab($data, 'texts')"
>textes</button>
</div>
<div class="active-tab" x-show="activeTab.length > 0">
<div
class="active-tab"
>
<section
x-show="activeTab === '<?=$left['slug'] ?>'">
<?= $left['content'] ?>