fix: 🐛 Fix backgrounds in settings pages

This commit is contained in:
Jesse Wierzbinski 2024-11-15 15:28:47 +01:00
parent 28facd6d5f
commit 50d5af7e4a
No known key found for this signature in database
3 changed files with 6 additions and 4 deletions

View file

@ -1,7 +1,9 @@
<template>
<Tabs.Root v-model="tab">
<Tabs.Root v-model="tab" class="bg-dark-700 h-full overflow-auto pb-20">
<Tabs.List class="flex flex-row p-4 gap-4 bg-dark-800 relative ring-1 ring-white/5 overflow-x-auto">
<Tabs.Trigger :value="page" v-for="page of [SettingPages.Account, SettingPages.Emojis, SettingPages.Behaviour, SettingPages.Appearance]" :as-child="true">
<Tabs.Trigger :value="page"
v-for="page of [SettingPages.Account, SettingPages.Emojis, SettingPages.Behaviour, SettingPages.Appearance]"
:as-child="true">
<ButtonBase class="capitalize hover:bg-white/5">
{{ page }}
</ButtonBase>