Prechádzať zdrojové kódy

ux: increase model preview sizes by ~30-50%

unknown 2 mesiacov pred
rodič
commit
1bc9e460fe

+ 2 - 2
src/components/ModelUploadSection.vue

@@ -206,9 +206,9 @@
           <h3 class="font-display text-lg font-semibold mb-4">{{ t("upload.uploadedFiles") }} ({{ files.length }})</h3>
           <div v-for="file in files" :key="file.id"
             class="flex items-center gap-4 p-4 bg-gradient-card rounded-xl border border-border/50 hover:border-primary/30 transition-colors">
-            <div class="w-16 h-16 bg-primary/5 rounded-xl border border-black/[0.05] flex items-center justify-center relative overflow-hidden shrink-0">
+            <div class="w-24 h-24 bg-primary/5 rounded-xl border border-black/[0.05] flex items-center justify-center relative overflow-hidden shrink-0">
               <StlViewer v-if="file.name.toLowerCase().endsWith('.stl') && file.file" :file="file.file" />
-              <FileBox v-else class="w-8 h-8 text-primary opacity-50" />
+              <FileBox v-else class="w-10 h-10 text-primary opacity-50" />
             </div>
             <div class="flex-1 min-w-0">
               <div class="flex items-center gap-2">

+ 2 - 2
src/components/admin/OrderCard.vue

@@ -126,8 +126,8 @@
 
         <div class="space-y-3">
           <template v-for="(f, i) in order.files" :key="f.id || i">
-            <div v-if="f.id" class="relative group/file bg-background/30 border border-border/50 rounded-2xl overflow-hidden hover:border-primary/30 transition-all flex h-24">
-              <div class="w-24 bg-muted/20 flex items-center justify-center border-r border-border/50 overflow-hidden relative">
+            <div v-if="f.id" class="relative group/file bg-background/30 border border-border/50 rounded-2xl overflow-hidden hover:border-primary/30 transition-all flex h-32">
+              <div class="w-32 bg-muted/20 flex items-center justify-center border-r border-border/50 overflow-hidden relative">
                 <img v-if="f.preview_path" :src="`${resourcesBaseUrl}/${f.preview_path}`" class="w-full h-full object-contain p-1" />
                 <FileBox v-else class="w-8 h-8 text-muted-foreground/30" />
                 <div class="absolute inset-0 bg-primary/20 opacity-0 group-hover/file:opacity-100 transition-opacity flex items-center justify-center">

+ 1 - 1
src/pages/Orders.vue

@@ -150,7 +150,7 @@
                 <FileBox class="w-3.5 h-3.5 text-primary" />
                 <span class="text-[10px] font-bold uppercase tracking-widest text-muted-foreground">{{ t("orders.labels.projectFiles") }}</span>
               </div>
-              <div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
+              <div class="grid grid-cols-2 sm:grid-cols-3 gap-4">
                 <template v-for="file in order.files" :key="file.id">
                   <div v-if="file.id" 
                     class="bg-background/40 border border-border/50 rounded-2xl overflow-hidden group/file hover:border-primary/30 transition-all flex flex-col h-full">