boursecu/boursecu_admin
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change responsive]

Browse Source
This commit is contained in:
safavimohadeseh78
2026-05-31 11:51:52 +03:30
parent 06568c5858
commit 023b8ee5be
124 changed files with 6296 additions and 4233 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/dashboard/components/dashboardItem.vue
+7 -7
View File
@@ -1,15 +1,15 @@
<template>
<div class="flex">
<div class="w-full flex md:block justify-between md:justify-unset items-center">
<div class="flex items-center gap-2 mx-2">
<div class="p-1 h-8 aspect-square rounded-full" :class="bgColor">
<div class="w-full min-w-0 rounded-lg border border-gray-100 bg-gray-50/60 px-3 py-2 lg:border-0 lg:bg-transparent lg:px-0 lg:py-0">
<div class="flex w-full min-w-0 items-center justify-between gap-2 lg:block">
<div class="flex min-w-0 items-center gap-2">
<div class="aspect-square h-8 shrink-0 rounded-full p-1" :class="bgColor">
<BaseIcon icon="vuesax-linear:profile-add" :class="textColor" />
</div>
<div class="text-xs font-bold">{{ title }}</div>
<div class="truncate text-xs font-bold">{{ title }}</div>
</div>
<div class="flex flex-row-reverse gap-1 mt-5 items-center md:w-full pl-2 items-end">
<div class="flex shrink-0 flex-row-reverse items-baseline gap-1 pl-1 lg:mt-5 lg:w-full lg:pl-2">
<div class="text-xs">{{ unit }}</div>
<div class="font-bold text-xl">{{ count }}</div>
<div class="font-bold text-lg lg:text-xl">{{ count ?? 0 }}</div>
</div>
</div>
</div>