409/warren
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prettier tailwind class sorting

Browse Source
This commit is contained in:
Shawn
2025-07-16 10:18:57 +02:00
parent c9bf3912f8
commit d0d54b09ba
9 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/components/DirectoryEntry.vue
View File

@@ -43,7 +43,7 @@ async function openRenameDialog() {
<NuxtLink
:to="joinPaths(route.path, entry.name)"
:class="[
'flex flex-row gap-4 bg-accent/30 border-1 border-border px-4 py-2 rounded-md select-none w-52',
'bg-accent/30 border-border flex w-52 flex-row gap-4 rounded-md border-1 px-4 py-2 select-none',
{
'pointer-events-none':
disabled || entry.fileType === 'file',
@@ -55,7 +55,7 @@ async function openRenameDialog() {
</div>
<div
class="flex flex-col gap-0 leading-6 overflow-hidden truncate"
class="flex flex-col gap-0 truncate overflow-hidden leading-6"
>
<span>{{ entry.name }}</span>
<NuxtTime

2
frontend/components/DirectoryList.vue
View File

@@ -13,7 +13,7 @@ const sortedEntries = computed(() =>
</script>
<template>
<ScrollArea class="w-full h-full">
<ScrollArea class="h-full w-full">
<div class="flex flex-row flex-wrap gap-2">
<DirectoryEntry
v-for="entry in sortedEntries"

4
frontend/components/actions/UploadDialog.vue
View File

@@ -209,14 +209,14 @@ async function submit() {
/>
<div
class="flex min-h-[280px] sm:min-h-[unset] sm:aspect-video w-full items-center justify-center rounded-xl border overflow-hidden"
class="flex min-h-[280px] w-full items-center justify-center overflow-hidden rounded-xl border sm:aspect-video sm:min-h-[unset]"
>
<ScrollArea
v-if="uploadStore.files.length > 0"
class="h-full w-full"
>
<div
class="flex h-full w-full flex-col items-stretch gap-2 text-left p-4"
class="flex h-full w-full flex-col items-stretch gap-2 p-4 text-left"
>
<UploadListEntry
v-for="(file, i) in uploadStore.files"

14
frontend/components/actions/UploadListEntry.vue
View File

@@ -16,15 +16,15 @@ function createObjectUrl(file: File): string {
<template>
<div
class="flex border rounded-lg flex-row items-center justify-between gap-4 px-3 py-3"
class="flex flex-row items-center justify-between gap-4 rounded-lg border px-3 py-3"
>
<div
:class="[
'rounded-md border overflow-hidden w-12 h-12 min-w-12 min-h-12 items-center justify-center flex',
'flex h-12 min-h-12 w-12 min-w-12 items-center justify-center overflow-hidden rounded-md border',
{ 'p-2': !file.data.type.startsWith('image/') },
]"
>
<div v-if="file.status === 'not_uploaded'" class="w-full h-full">
<div v-if="file.status === 'not_uploaded'" class="h-full w-full">
<img
v-if="file.data.type.startsWith('image/')"
:src="createObjectUrl(file.data)"
@@ -48,17 +48,17 @@ function createObjectUrl(file: File): string {
/>
<Icon
v-else-if="file.status === 'failed'"
class="h-5 w-5 text-destructive-foreground"
class="text-destructive-foreground h-5 w-5"
name="lucide:circle-alert"
/>
</div>
<div class="flex flex-col grow overflow-hidden">
<span class="font-medium truncate">{{ file.data.name }}</span>
<div class="flex grow flex-col overflow-hidden">
<span class="truncate font-medium">{{ file.data.name }}</span>
<span class="text-muted-foreground"
>{{ byteSize(file.data.size) }}
</span>
</div>
<div class="flex flex-row gap-2 items-center">
<div class="flex flex-row items-center gap-2">
<Button
variant="ghost"
size="icon"