chore: ui updated (#245)

Author: hmbanan666

apps/atrium-telegram/app/app.config.ts

@@ -9,7 +9,7 @@ export default defineAppConfig({
     },
     input: {
       slots: {
-        base: '!ring-default placeholder:text-muted/50',
+        base: '!py-2.5 !rounded-lg !text-lg/5 !font-bold !ring-default !placeholder:text-muted/50',
       },
     },
     inputMenu: {
@@ -19,17 +19,17 @@ export default defineAppConfig({
     },
     select: {
       slots: {
-        base: '!ring-default placeholder:text-muted/50',
+        base: '!rounded-lg !text-lg/5 !font-bold !ring-default !placeholder:text-muted/50',
       },
     },
     selectMenu: {
       slots: {
-        base: '!ring-default placeholder:text-muted/50',
+        base: '!rounded-lg !text-lg/5 !font-bold !ring-default !placeholder:text-muted/50',
       },
     },
     textarea: {
       slots: {
-        base: '!ring-default placeholder:text-muted/50',
+        base: '!py-2.5 !rounded-lg !text-lg/5 !font-bold !ring-default !placeholder:text-muted/50',
       },
     },
     button: {

apps/atrium-telegram/app/components/PartnerInvoiceCard.vue

@@ -10,14 +10,17 @@
             class="size-8"
           />
           <p class="max-w-22 text-sm/4 font-bold">
-            Оплачено
+            Оплачен
           </p>
         </div>
         <div v-else class="flex flex-row items-center gap-1.5 text-muted">
           <UIcon
             name="i-lucide-loader-circle"
             class="size-8 motion-preset-spin motion-duration-4000"
           />
+          <p class="max-w-22 text-sm/4 font-bold">
+            Еще не оплачен
+          </p>
         </div>
       </div>
 

apps/atrium-telegram/app/pages/agreement/index.vue

@@ -11,7 +11,7 @@
         size="xl"
         trailing-icon="i-lucide-arrow-down-wide-narrow"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         :items="[
           { label: 'По дате заключения (убывание)', value: 'concludedAtDesc' },
@@ -27,7 +27,7 @@
         size="xl"
         trailing-icon="i-lucide-funnel"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         :items="[
           { label: 'Все', value: 'all' },

apps/atrium-telegram/app/pages/partner/[partnerId]/index.vue

@@ -91,8 +91,9 @@
     </div>
 
     <div v-if="invoices?.length" class="flex flex-col gap-2.5">
-      <div class="flex flex-row justify-between items-center">
+      <div class="flex flex-row gap-2.5 items-center">
         <SectionTitle title="Счета" />
+        <CounterBadge v-if="typeof partner?.balance === 'number'" :value="`Баланс ${new Intl.NumberFormat().format(partner?.balance)} ₽`" />
       </div>
 
       <div class="flex flex-col gap-4">

apps/atrium-telegram/app/pages/partner/index.vue

@@ -2,8 +2,8 @@
   <PageContainer>
     <div class="flex flex-row gap-2.5 items-center">
       <SectionTitle title="Партнеры" />
-      <CounterBadge :value="filteredPartners.length" />
-      <CounterBadge :value="`${new Intl.NumberFormat().format(totalBalance)} ₽`" />
+      <CounterBadge v-if="filteredPartners.length" :value="filteredPartners.length" />
+      <CounterBadge v-if="totalBalance" :value="`${new Intl.NumberFormat().format(totalBalance)} ₽`" />
     </div>
 
     <div class="grid grid-cols-1 gap-2.5 items-center">
@@ -13,7 +13,7 @@
         trailing-icon="i-lucide-search"
         placeholder="Найти..."
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         class="motion-preset-slide-down"
       />
@@ -23,7 +23,7 @@
         size="xl"
         trailing-icon="i-lucide-arrow-down-wide-narrow"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         :items="[
           { label: 'По фамилии (возрастание)', value: 'nameAsc' },
@@ -38,7 +38,7 @@
         size="xl"
         trailing-icon="i-lucide-funnel"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         :items="[
           { label: 'Все', value: 'all' },
@@ -66,8 +66,6 @@ import type { PartnerWithData } from '~/stores/partner'
 
 const partnerStore = usePartnerStore()
 
-const totalBalance = computed(() => partnerStore.partners.reduce((acc, partner) => acc + partner.balance, 0))
-
 const sortedBy = ref<'nameAsc' | 'balanceAsc' | 'balanceDesc'>('nameAsc')
 
 function sortByNameAsc(a: PartnerWithData, b: PartnerWithData): number {
@@ -127,4 +125,6 @@ const filteredPartners = computed(() => {
     return partner.legalEntity?.name?.toLowerCase().includes(search.value.toLowerCase()) ?? false
   })
 })
+
+const totalBalance = computed(() => filteredPartners.value.reduce((acc, partner) => acc + partner.balance, 0))
 </script>

apps/atrium-telegram/app/pages/task/all.vue

@@ -11,7 +11,7 @@
         size="xl"
         trailing-icon="i-lucide-arrow-down-wide-narrow"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         :items="[
           { label: 'По дате создания (убывание)', value: 'updatedAtDesc' },
@@ -25,7 +25,7 @@
         size="xl"
         trailing-icon="i-lucide-funnel"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         :items="[
           { label: 'Все задачи', value: 'all' },
@@ -40,7 +40,7 @@
         :items="availablePerformers"
         size="xl"
         :ui="{
-          base: 'rounded-lg text-lg/5 font-bold ring-0',
+          base: '!ring-0',
         }"
         placeholder="Все исполнители"
         class="motion-preset-slide-up"