versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 🐛 Fix backgrounds in settings pages

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/settings/emojis/emojis.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="max-w-7xl mx-auto my-12 px-4"> <div class="max-w-7xl mx-auto py-12 px-4">
<div class="md:max-w-sm w-full relative mb-4"> <div class="md:max-w-sm w-full relative mb-4">
<TextInput v-model="search" placeholder="Search" class="pl-8" /> <TextInput v-model="search" placeholder="Search" class="pl-8" />
<iconify-icon icon="tabler:search" <iconify-icon icon="tabler:search"

2
components/settings/profile-editor.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="w-full md:px-8 px-4 py-4 bg-dark-700 grid justify-center lg:grid-cols-[minmax(auto,_36rem)_1fr] grid-cols-1 gap-4"> class="w-full md:px-8 px-4 py-4 grid justify-center lg:grid-cols-[minmax(auto,_36rem)_1fr] grid-cols-1 gap-4">
<form class="w-full ring-1 ring-inset ring-white/5 pb-5 bg-dark-800 rounded overflow-hidden" <form class="w-full ring-1 ring-inset ring-white/5 pb-5 bg-dark-800 rounded overflow-hidden"
@submit.prevent="save"> @submit.prevent="save">
<Avatar :src="account?.header" :alt="`${account?.acct}'s header image'`" <Avatar :src="account?.header" :alt="`${account?.acct}'s header image'`"

6
components/sidebars/settings-sidebar.vue
View file

@ -1,7 +1,9 @@
<template> <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.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"> <ButtonBase class="capitalize hover:bg-white/5">
{{ page }} {{ page }}
</ButtonBase> </ButtonBase>