KoPKB/My-KOPKB
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

DONE: layout letter with letterhead and footer, notification for newly...

Browse Source
This commit is contained in:
ISMAIL MASSERAN
2026-06-28 02:16:49 +00:00
parent 94ecbe5887
commit 034ecf947f
400 changed files with 29802 additions and 5446 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fe/src/views/BlogLayout2.vue
+14 -46
View File
@@ -7,7 +7,7 @@ import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Lucide } from '@/components/ui/lucide'
import { MenuRoot, MenuTrigger, MenuPositioner, MenuContent, MenuItem } from '@/components/ui/menu'
import { NativeSelect, NativeSelectOption } from '@/components/ui/native-select'
import {
PaginationContext,
PaginationRoot,
@@ -57,13 +57,8 @@ import {
<template v-for="(faker, fakerKey) in _.take(fakers, 6)" :key="fakerKey">
<Box class="col-span-12 p-0 md:col-span-6">
<div
class="image-fit h-[320px] before:absolute before:left-0 before:top-0 before:z-10 before:block before:h-full before:w-full before:rounded-t-xl before:bg-gradient-to-t before:from-black/90 before:to-black/10"
>
<img
class="rounded-t-xl"
:src="faker.images[0]"
alt="Midone - Tailwind Admin Dashboard Template"
/>
class="image-fit h-[320px] before:absolute before:left-0 before:top-0 before:z-10 before:block before:h-full before:w-full before:rounded-t-xl before:bg-gradient-to-t before:from-black/90 before:to-black/10">
<img class="rounded-t-xl" :src="faker.images[0]" alt="Midone - Tailwind Admin Dashboard Template" />
<div class="absolute z-10 flex w-full items-center px-5 pt-6">
<AvatarRoot class="size-10 rounded-full border-2 border-white">
<AvatarFallback>PA</AvatarFallback>
@@ -79,10 +74,7 @@ import {
</div>
<MenuRoot class="w-auto ml-3">
<MenuTrigger as-child>
<a
class="flex size-8 items-center justify-center rounded-full bg-white/20"
href="#"
>
<a class="flex size-8 items-center justify-center rounded-full bg-white/20" href="#">
<Lucide class="size-4 text-white" icon="MoreVertical" />
</a>
</MenuTrigger>
@@ -113,10 +105,8 @@ import {
<div class="flex items-center border-t border-foreground/15 px-5 py-3">
<TooltipRoot>
<TooltipTrigger as-child>
<a
class="bg-foreground/5 mr-2 flex size-8 items-center justify-center rounded-full border border-foreground/15"
href=""
>
<a class="bg-foreground/5 mr-2 flex size-8 items-center justify-center rounded-full border border-foreground/15"
href="">
<Lucide class="size-3" icon="Bookmark" />
</a>
</TooltipTrigger>
@@ -125,34 +115,23 @@ import {
</TooltipPositioner>
</TooltipRoot>
<div class="mr-2 flex">
<AvatarRoot
class="bg-background size-8 rounded-full"
:title="`Uploaded at ${faker.dates[0]}`"
>
<AvatarRoot class="bg-background size-8 rounded-full" :title="`Uploaded at ${faker.dates[0]}`">
<AvatarFallback>PA</AvatarFallback>
<AvatarImage :src="faker.images[0]" alt="avatar" />
</AvatarRoot>
<AvatarRoot
class="bg-background -ml-4 size-8 rounded-full"
:title="`Uploaded at ${faker.dates[1]}`"
>
<AvatarRoot class="bg-background -ml-4 size-8 rounded-full" :title="`Uploaded at ${faker.dates[1]}`">
<AvatarFallback>PA</AvatarFallback>
<AvatarImage :src="faker.images[1]" alt="avatar" />
</AvatarRoot>
<AvatarRoot
class="bg-background -ml-4 size-8 rounded-full"
:title="`Uploaded at ${faker.dates[2]}`"
>
<AvatarRoot class="bg-background -ml-4 size-8 rounded-full" :title="`Uploaded at ${faker.dates[2]}`">
<AvatarFallback>PA</AvatarFallback>
<AvatarImage :src="faker.images[2]" alt="avatar" />
</AvatarRoot>
</div>
<TooltipRoot>
<TooltipTrigger as-child>
<a
class="bg-primary/10 border-primary/20 text-primary ml-auto flex size-8 items-center justify-center rounded-full border"
href=""
>
<a class="bg-primary/10 border-primary/20 text-primary ml-auto flex size-8 items-center justify-center rounded-full border"
href="">
<Lucide class="size-3" icon="Share" />
</a>
</TooltipTrigger>
@@ -162,10 +141,7 @@ import {
</TooltipRoot>
<TooltipRoot>
<TooltipTrigger as-child>
<a
class="bg-primary ml-2 flex size-8 items-center justify-center rounded-full text-white"
href=""
>
<a class="bg-primary ml-2 flex size-8 items-center justify-center rounded-full text-white" href="">
<Lucide class="size-3" icon="Share" />
</a>
</TooltipTrigger>
@@ -194,10 +170,7 @@ import {
</AvatarRoot>
<div class="relative flex-1">
<Input class="rounded-full" type="text" placeholder="Post a comment..." />
<Lucide
class="absolute inset-y-0 right-0 my-auto mr-3 size-4 opacity-70"
icon="Smile"
/>
<Lucide class="absolute inset-y-0 right-0 my-auto mr-3 size-4 opacity-70" icon="Smile" />
</div>
</div>
</div>
@@ -206,12 +179,7 @@ import {
<!-- END: Blog Layout -->
<!-- BEGIN: Pagination -->
<div class="col-span-12 flex flex-wrap items-center sm:flex-row sm:flex-nowrap">
<PaginationRoot
:count="5000"
:pageSize="10"
:siblingCount="2"
class="w-full sm:mr-auto sm:w-auto"
>
<PaginationRoot :count="5000" :pageSize="10" :siblingCount="2" class="w-full sm:mr-auto sm:w-auto">
<PaginationPrevTrigger>
<Lucide class="size-4" icon="ChevronLeft" />
</PaginationPrevTrigger>