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

Updated

Browse Source
This commit is contained in:
marzban-dev
2025-03-04 20:41:03 +03:30
parent 85bfaea401
commit 5533c37e1e
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/BlogPost.vue
+19 -19
View File
@@ -22,15 +22,15 @@ const {} = toRefs(props);
</script> </script>
<template> <template>
<NuxtLink :to="`/article/${id}`"> <NuxtLink :to="`/article/${id}`" class="block">
<div <div
:class="variant === 'lg' ? 'h-[600px] rounded-150 overflow-hidden' : 'h-fit'" :class="variant === 'lg' ? 'aspect-square rounded-150 overflow-hidden' : 'h-fit'"
class="group w-full relative" class="group w-full relative"
> >
<Tag <Tag
v-if="variant === 'lg'" v-if="variant === 'lg'"
class="bg-success-500 absolute left-10 top-10 z-20" class="bg-success-500 absolute left-6 lg:left-10 top-6 lg:top-10 z-20"
> >
اسپیکر اسپیکر
</Tag> </Tag>
@@ -53,11 +53,11 @@ const {} = toRefs(props);
</div> </div>
<div <div
:class="variant === 'lg' ? 'absolute px-10' : 'invert mt-8'" :class="variant === 'lg' ? 'absolute px-6 lg:px-10' : 'invert mt-8'"
class="bottom-10 flex flex-col gap-6 z-20" class="bottom-6 lg:bottom-10 flex flex-col gap-4 lg:gap-6 z-20"
> >
<div class="flex items-center gap-6"> <div class="flex items-center gap-4 lg:gap-6">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<Icon <Icon
name="ci:comment" name="ci:comment"
@@ -65,8 +65,8 @@ const {} = toRefs(props);
class="**:stroke-white" class="**:stroke-white"
/> />
<span class="typo-p-sm text-white"> <span class="typo-p-sm text-white">
۰ نظر ۰ نظر
</span> </span>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<Icon <Icon
@@ -81,17 +81,17 @@ const {} = toRefs(props);
</div> </div>
<div class="flex gap-4 flex-col"> <div class="flex gap-4 flex-col">
<span <span
:class="variant === 'lg' ? 'typo-h-5' : 'typo-h-6'" :class="variant === 'lg' ? 'line-clamp-2' : ''"
class="text-white" class="text-lg font-medium lg:typo-h-6 text-white"
> >
{{ title }} {{ title }}
</span> </span>
<p <!-- <p-->
:class="variant === 'lg' ? 'typo-h-4' : 'typo-h-6 text-slate-500'" <!-- :class="variant === 'lg' ? 'typo-h-4' : 'typo-h-6 text-slate-500'"-->
class="typo-p-md text-white text-justify" <!-- class="text-white text-justify"-->
v-html="description" <!-- v-html="description"-->
/> <!-- />-->
</div> </div>
<NuxtLink :to="`/article/${id}`" class="underline text-white typo-p-md"> <NuxtLink :to="`/article/${id}`" class="underline text-white typo-p-md">