versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: 💄 Improve appearance of dropdown menus and settings pages

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-02-09 19:50:57 +01:00
parent 9ba59cfd21
commit 7e9ccbc932
No known key found for this signature in database
13 changed files with 68 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/preferences/code.vue
View file

@ -1,5 +1,5 @@
<template>
<Collapsible :as="Card" class="grid items-center p-6 gap-4" v-slot="{ open }">
<Collapsible :as="Card" class="grid items-center px-6 py-4 gap-4" v-slot="{ open }">
<div class="grid grid-cols-[1fr,auto] items-center gap-4">
<CardHeader class="space-y-0.5 p-0">
<CardTitle class="text-base">
@ -46,4 +46,4 @@ import type { CodeSetting } from "~/settings.ts";
defineModel<CodeSetting>("setting", {
required: true,
});
</script>
</script>

6
components/preferences/emojis/emoji.vue
View file

@ -23,16 +23,16 @@
</Card>
<DropdownMenuContent class="min-w-48">
<DropdownMenuItem @click="editName">
<TextCursorInput class="mr-2 size-4" />
<TextCursorInput />
{{ m.cuddly_such_swallow_hush() }}
</DropdownMenuItem>
<!-- <DropdownMenuItem @click="editCaption">
<Captions class="mr-2 size-4" />
<Captions />
<span>Add caption</span>
</DropdownMenuItem>
<DropdownMenuSeparator /> -->
<DropdownMenuItem @click="_delete">
<Delete class="mr-2 size-4" />
<Delete />
{{ m.tense_quick_cod_favor() }}
</DropdownMenuItem>
</DropdownMenuContent>

4
components/preferences/select.vue
View file

@ -1,5 +1,5 @@
<template>
<Card class="grid grid-cols-[1fr,auto] items-center p-6 gap-2">
<Card class="grid grid-cols-[1fr,auto] items-center px-6 py-4 gap-2">
<CardHeader class="space-y-0.5 p-0">
<CardTitle class="text-base">
{{ setting.title() }}
@ -43,4 +43,4 @@ import {
defineModel<EnumSetting>("setting", {
required: true,
});
</script>
</script>

4
components/preferences/string.vue
View file

@ -1,5 +1,5 @@
<template>
<Card class="grid grid-rows-[1fr,auto] xl:grid-rows-none xl:grid-cols-[1fr,auto] items-center p-6 gap-4">
<Card class="grid grid-rows-[1fr,auto] xl:grid-rows-none xl:grid-cols-[1fr,auto] items-center px-6 py-4 gap-4">
<CardHeader class="space-y-0.5 p-0">
<CardTitle class="text-base">
{{ setting.title() }}
@ -28,4 +28,4 @@ import type { StringSetting } from "~/settings.ts";
defineModel<StringSetting>("setting", {
required: true,
});
</script>
</script>

4
components/preferences/switch.vue
View file

@ -1,5 +1,5 @@
<template>
<Card class="grid grid-cols-[1fr,auto] items-center p-6 gap-2">
<Card class="grid grid-cols-[1fr,auto] items-center px-6 py-4 gap-2">
<CardHeader class="space-y-0.5 p-0">
<CardTitle class="text-base">
{{ setting.title() }}
@ -28,4 +28,4 @@ import type { BooleanSetting } from "~/settings.ts";
defineModel<BooleanSetting>("setting", {
required: true,
});
</script>
</script>