Mahdi/CRM_Montzar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish dashboard UI to match Mento mockup with IRANSans and brand assets.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mahdi
2026-09-02 16:06:17 +03:30
co-authored by Cursor
parent 2b0c985d19
commit 574feedfa5
46 changed files with 960 additions and 422 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/brand/MentoLogo.vue
+18 -10
View File
@@ -15,21 +15,25 @@ withDefaults(
<template>
<div class="mento-logo" :class="variant">
<span class="mark" :style="{ width: `${size}px`, height: `${size}px` }" aria-hidden="true">
<span
class="mark"
:style="{ width: `${size}px`, height: `${size}px`, borderRadius: `${Math.round(size * 0.3)}px` }"
aria-hidden="true"
>
<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="12" width="10" height="40" rx="5" fill="#2EB29B" />
<rect x="14" y="16" width="8" height="32" rx="4" fill="#fff" />
<path
d="M12 13c1.3-2.1 4.4-2.4 6.1-.6L34 28l5.4-5.1c1.7-1.6 4.5-1.4 5.9.5L47 26.2 33.6 39.3c-1.3 1.3-3.4 1.3-4.7 0L10.5 21.2 12 13Z"
fill="#134E4A"
d="M17 17.5c1-1.6 3.5-1.8 4.8-.5L36 30l4.3-4c1.4-1.3 3.6-1.2 4.7.4L44 27.5 33 37.5c-1.1 1-2.8 1-3.9 0L16.5 24.5 17 17.5Z"
fill="#134e4a"
/>
<path
d="M25.2 30.8 37.5 18.8c1.6-1.6 4.3-1.5 5.8.2L55 32.1l-3.2 3.3L41 25.3 30.2 35.8c-1.3 1.3-3.5 1.2-4.7-.1l-.3-.3Z"
fill="#2EB29B"
d="M27.5 32 38 21.5c1.3-1.3 3.4-1.2 4.6.2L50 29.5l-2.6 2.6L40 25.5 31 34c-1 1-2.8 1-3.8-.1l-.7-.9Z"
fill="#ecfdf5"
/>
<rect x="46" y="12" width="10" height="40" rx="5" fill="#134E4A" />
<rect x="42" y="16" width="8" height="32" rx="4" fill="#134e4a" />
<path
d="M44.8 13.2c1.6-1.7 4.4-1.6 5.9.2l2 2.2-8.7 8.3-2.6-2.5c-1.5-1.4-1.1-4 3.4-8.2Z"
fill="#2EB29B"
d="M41 17.5c1.3-1.4 3.5-1.3 4.7.2l1.6 1.8-7 6.6-2.1-2c-1.2-1.1-.9-3.2 2.8-6.6Z"
fill="#ecfdf5"
/>
</svg>
</span>
@@ -52,7 +56,11 @@ withDefaults(
display: grid;
place-items: center;
flex-shrink: 0;
background: transparent;
background: linear-gradient(145deg, #5eead4, #14b8a6);
box-shadow: 0 8px 18px rgba(20, 184, 166, 0.28);
overflow: hidden;
padding: 4px;
box-sizing: border-box;
}
.mark svg {