heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create gitignore

Browse Source
This commit is contained in:
marzban-dev
2025-03-10 00:39:10 +03:30
parent 1832ec131a
commit 0f29b34a6e
20 changed files with 198 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/BlogPost.vue
+25 -31
View File
@@ -14,33 +14,33 @@ type Props = {
// props
const props = withDefaults(defineProps<Props>(), {
withDefaults(defineProps<Props>(), {
variant: "lg"
});
const {} = toRefs(props);
</script>
<template>
<NuxtLink :to="`/article/${id}`" class="block">
<div
<div>
<NuxtLink
:to="`/article/${id}`"
:class="variant === 'lg' ? 'aspect-square rounded-150 overflow-hidden' : 'h-fit'"
class="group w-full relative"
class="group w-full relative block"
>
<Tag
v-if="variant === 'lg'"
class="bg-success-500 absolute left-6 lg:left-10 top-6 lg:top-10 z-20"
class="bg-success-500 absolute left-6 top-6 z-20"
>
اسپیکر
</Tag>
<div
v-if="variant === 'sm'"
class="h-[350px] rounded-150 overflow-hidden relative"
class="aspect-square w-full rounded-150 overflow-hidden relative"
>
<Tag
class="bg-success-500 absolute z-20 left-6 top-6"
class="bg-success-500 absolute z-20 left-4 sm:left-6 top-4 sm:top-6 max-sm:text-xs"
>
اسپیکر
</Tag>
@@ -53,51 +53,45 @@ const {} = toRefs(props);
</div>
<div
:class="variant === 'lg' ? 'absolute px-6 lg:px-10' : 'invert mt-8'"
class="bottom-6 lg:bottom-10 flex flex-col gap-4 lg:gap-6 z-20"
:class="variant === 'lg' ? 'absolute px-6' : 'invert mt-6'"
class="bottom-6 lg:bottom-8 flex flex-col gap-4 z-20"
>
<div class="flex items-center gap-4 lg:gap-6">
<div class="flex items-center gap-2">
<Icon
name="ci:comment"
size="18"
class="**:stroke-white"
class="**:stroke-white size-3 md:size-3.5"
/>
<span class="typo-p-sm text-white">
<span class="typo-p-xs md:typo-p-sm text-white">
۰ نظر
</span>
</div>
<div class="flex items-center gap-2">
<Icon
name="ci:calendar"
size="18"
class="**:stroke-white"
class="**:stroke-white size-3 md:size-3.5"
/>
<span class="typo-p-sm text-white">
۳۱ مهر ۱۴۰۳
</span>
<span class="typo-p-xs md:typo-p-sm text-white">
۳۱ مهر ۱۴۰۳
</span>
</div>
</div>
<div class="flex gap-4 flex-col">
<span
:class="variant === 'lg' ? 'line-clamp-2' : ''"
class="text-lg font-medium lg:typo-h-6 text-white"
class="text-base md:text-lg font-medium lg:typo-h-6 text-white"
>
{{ title }}
</span>
<!-- <p-->
<!-- :class="variant === 'lg' ? 'typo-h-4' : 'typo-h-6 text-slate-500'"-->
<!-- class="text-white text-justify"-->
<!-- v-html="description"-->
<!-- />-->
<p
v-if="variant === 'sm'"
class="text-white typo-p-xs max-sm:!leading-[175%] sm:typo-p-sm md:typo-p-md line-clamp-3"
>
تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها
</p>
</div>
<NuxtLink :to="`/article/${id}`" class="underline text-white typo-p-md">
بیشتر بخوانید...
</NuxtLink>
</div>
<img
@@ -111,6 +105,6 @@ const {} = toRefs(props);
v-if="variant === 'lg'"
class="w-full h-full bg-linear-to-t from-black to-transparent absolute inset-0 z-15"
/>
</div>
</NuxtLink>
</NuxtLink>
</div>
</template>