chore: style

nexmoe · Apr 11, 2024 · da16bf9 · da16bf9
1 parent 3b4ad44
commit da16bf9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/components/flow/Index.vue b/components/flow/Index.vue
@@ -21,15 +21,11 @@ provide('flow', props.flow)
 	<div class="flow">
 		<FlowHeader v-if="props.header" :id="props.flow!.id" :title="props.flow!.title" :url="props.flow!.homepage" />
 
-		<div
-			class="flow-body" :class="[
-				props.flow!.configCard === 'gallery' ? 'n-gallery' : 'n-grid',
-			]"
-		>
-			<NuxtLink
-				v-for="(module) in props.flow!.module" :key="module.url" :title="module.title" :to="module.url"
-				target="_blank"
-			>
+		<div class="flow-body" :class="[
+			props.flow!.configCard === 'gallery' ? 'n-gallery' : 'n-grid',
+		]">
+			<NuxtLink v-for="(module) in props.flow!.module" :key="module.url" :title="module.title" :to="module.url"
+				target="_blank">
 				<ModuleList v-if="props.flow!.configCard === 'list'" v-bind="{ module }" />
 				<ModuleProject v-else-if="props.flow!.configCard === 'project'" v-bind="{ module }" />
 				<ModuleGallery v-else-if="props.flow!.configCard === 'gallery'" v-bind="{ module }" />
@@ -49,8 +45,9 @@ provide('flow', props.flow)
 }
 
 .flow-body.n-gallery {
-	@apply columns-3 gap-4;
+	@apply columns-1 gap-4 lg:columns-2 xl:columns-3 2xl:columns-4;
 }
+
 .flow-body .module {
 	@apply mb-4;
 }

diff --git a/components/module/Gallery.vue b/components/module/Gallery.vue
@@ -23,7 +23,7 @@ const props = defineProps<Props>()
 				{{ formatDateTime(module.date) }}
 			</div>
 		</div>
-		<div v-if="props.module.image" class="shadow-sm border rounded-2xl relative overflow-hidden">
+		<div v-if="props.module.image" class="min-h-[68px] shadow-sm border rounded-2xl relative overflow-hidden">
 			<NuxtImg
 				class="w-full" format="webp" :src="props.module!.image" :alt="module.title"
 				referrerpolicy="no-referrer" loading="lazy" width="420px"