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

refactor: 💄 Update card and action button padding
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 1s
Details
Deploy to GitHub Pages / build (push) Failing after 2s
Details
Docker / build (push) Failing after 0s
Details
Deploy to GitHub Pages / deploy (push) Has been skipped
Details
Mirror to Codeberg / Mirror (push) Failing after 0s
Details

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-06-18 19:55:56 +02:00
parent cf15ff11bf
commit 00b6783ae0
No known key found for this signature in database
8 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/form/switch.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Card class="p-4"> <Card>
<FormItem class="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2"> <FormItem class="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2">
<CardHeader class="flex flex-col gap-1.5 p-0"> <CardHeader class="flex flex-col gap-1.5 p-0">
<FormLabel class="font-semibold tracking-tight" :as="CardTitle"> <FormLabel class="font-semibold tracking-tight" :as="CardTitle">

4
components/notes/action-button.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<Button variant="ghost" class="max-w-14 w-full"> <Button variant="ghost" class="max-w-14 w-full" size="sm">
<component :is="icon" class="size-4.5" /> <component :is="icon" class="size-4" />
<slot /> <slot />
</Button> </Button>
</template> </template>

2
components/notes/actions.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="flex flex-row w-full gap-x-4 items-stretch justify-start"> <div class="flex flex-row w-full max-w-sm items-stretch justify-between">
<ActionButton :icon="Reply" @click="emit('reply')" :title="m.drab_tense_turtle_comfort()" :disabled="!identity"> <ActionButton :icon="Reply" @click="emit('reply')" :title="m.drab_tense_turtle_comfort()" :disabled="!identity">
{{ numberFormat(replyCount) }} {{ numberFormat(replyCount) }}
</ActionButton> </ActionButton>

2
components/notes/header.vue
View file

@ -33,7 +33,7 @@
<span class="text-muted-foreground ml-auto tracking-normal" :title="fullTime">{{ timeAgo }}</span> <span class="text-muted-foreground ml-auto tracking-normal" :title="fullTime">{{ timeAgo }}</span>
</span> </span>
</div> </div>
<div class="flex flex-col gap-1 justify-center items-end" v-if="!smallLayout"> <div class="flex flex-col gap-1 h-full justify-center items-end" v-if="!smallLayout">
<NuxtLink :href="noteUrlAsPath" class="text-xs text-muted-foreground" <NuxtLink :href="noteUrlAsPath" class="text-xs text-muted-foreground"
:title="visibilities[visibility].text"> :title="visibilities[visibility].text">
<component :is="visibilities[visibility].icon" class="size-4" /> <component :is="visibilities[visibility].icon" class="size-4" />

2
components/notes/note.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Card as="article" class="relative gap-4 items-stretch"> <Card as="article" class="relative gap-3 items-stretch">
<CardHeader as="header" class="space-y-2"> <CardHeader as="header" class="space-y-2">
<ReblogHeader <ReblogHeader
v-if="note.reblog" v-if="note.reblog"

2
components/preferences/developer.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Card class="grid gap-3 text-sm p-4"> <Card class="grid gap-3 text-sm">
<dl class="grid gap-3"> <dl class="grid gap-3">
<div v-for="[key, value] of data" :key="key" class="flex flex-row items-baseline justify-between gap-4 truncate"> <div v-for="[key, value] of data" :key="key" class="flex flex-row items-baseline justify-between gap-4 truncate">
<dt class="text-muted-foreground"> <dt class="text-muted-foreground">

2
components/preferences/stats.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Card class="grid gap-3 text-sm max-w-sm p-4"> <Card class="grid gap-3 text-sm max-w-sm">
<dl class="grid gap-3"> <dl class="grid gap-3">
<div v-for="[key, value] of data" :key="key" class="flex flex-row items-baseline justify-between gap-4 truncate"> <div v-for="[key, value] of data" :key="key" class="flex flex-row items-baseline justify-between gap-4 truncate">
<dt class="text-muted-foreground"> <dt class="text-muted-foreground">

2
components/ui/card/Card.vue
View file

@ -9,7 +9,7 @@ const props = defineProps<{
<template> <template>
<div data-slot="card" :class="cn( <div data-slot="card" :class="cn(
'bg-card text-card-foreground flex flex-col gap-6 rounded-md border p-6 shadow-sm', 'bg-card text-card-foreground flex flex-col gap-6 rounded-md border p-4 shadow-sm',
props.class, props.class,
) )
"> ">