controlPanel/web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch SuperAdmin UI to IRANSans and fix mobile overflow.

Browse Source 
Use iranSans woff2 globally and harden SMS/layout grids so page heads and stats stay inside the viewport on small screens.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mahdi
2026-08-08 10:22:35 +03:30
co-authored by Cursor
parent 99c219e57e
commit ab4d9ef133
7 changed files with 195 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+36 -46
View File
@@ -1,73 +1,45 @@
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-ExtraLight.ttf') format('truetype');
font-family: 'IRANSans';
src: url('./assets/fonts/iranSans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-Light.ttf') format('truetype');
font-family: 'IRANSans';
src: url('./assets/fonts/iranSans/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-Regular.ttf') format('truetype');
font-family: 'IRANSans';
src: url('./assets/fonts/iranSans/woff2/IRANSansWeb(FaNum).woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-Medium.ttf') format('truetype');
font-family: 'IRANSans';
src: url('./assets/fonts/iranSans/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-DemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-Bold.ttf') format('truetype');
font-family: 'IRANSans';
src: url('./assets/fonts/iranSans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-Black.ttf') format('truetype');
font-family: 'IRANSans';
src: url('./assets/fonts/iranSans/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Dana';
src: url('./assets/fonts/Dana/Dana-UltraBold.ttf') format('truetype');
font-weight: 950;
font-style: normal;
font-display: swap;
}
:root {
--bg: #eef2f7;
@@ -83,8 +55,9 @@
--shadow: 0 12px 32px rgba(45, 55, 72, 0.08);
--shadow-hover: 0 18px 40px rgba(45, 55, 72, 0.12);
--radius: 24px;
--font-dana: 'Dana', Tahoma, sans-serif;
font-family: var(--font-dana);
--font-ui: 'IRANSans', Tahoma, sans-serif;
--font-dana: var(--font-ui);
font-family: var(--font-ui);
}
* { box-sizing: border-box; }
@@ -92,19 +65,25 @@
html, body, #app {
margin: 0;
min-height: 100%;
font-family: var(--font-dana);
max-width: 100%;
font-family: var(--font-ui);
}
html {
overflow-x: hidden;
}
body {
color: var(--ink);
background: var(--bg);
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
button, input, textarea, select,
.ant-btn, .ant-input, .ant-select, .ant-menu, .ant-modal,
.ant-message, .ant-form, .ant-typography, .ant-tabs {
font-family: var(--font-dana) !important;
font-family: var(--font-ui) !important;
}
.brand-mark {
@@ -115,9 +94,13 @@ button, input, textarea, select,
.page-shell {
background: var(--panel);
border-radius: var(--radius);
padding: 20px;
padding: 16px;
color: var(--ink);
box-shadow: var(--shadow);
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: clip;
}
@media (min-width: 768px) {
@@ -126,9 +109,15 @@ button, input, textarea, select,
.page-title {
margin: 0;
font-size: 1.35rem;
font-size: 1.2rem;
color: var(--ink);
font-weight: 800;
overflow-wrap: anywhere;
word-break: break-word;
}
@media (min-width: 768px) {
.page-title { font-size: 1.35rem; }
}
.page-sub {
@@ -136,6 +125,7 @@ button, input, textarea, select,
color: var(--ink-soft);
font-size: 0.92rem;
line-height: 1.7;
overflow-wrap: anywhere;
}
.dash-modules {