Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-26 19:12:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI

Browse Source
This commit is contained in:
estifanos
2026-07-31 06:55:38 +00:00
parent f443372da2
commit 4dddd576a8
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/portal/src/app/features/profile/pages/ProfilePage.module.css
View File

@@ -3,7 +3,7 @@
display: inline-flex; display: inline-flex;
gap: 6px; gap: 6px;
padding: 5px; padding: 5px;
background: var(--mantine-color-gray-1); background: var(--mantine-color-gray-light);
border-radius: var(--mantine-radius-md); border-radius: var(--mantine-radius-md);
border: none; border: none;
flex-wrap: wrap; flex-wrap: wrap;
@@ -14,7 +14,7 @@
border-radius: 10px; border-radius: 10px;
padding: 9px 18px; padding: 9px 18px;
font-weight: 500; font-weight: 500;
color: var(--mantine-color-gray-7); color: var(--mantine-color-dimmed);
background: transparent; background: transparent;
transition: transition:
background-color 120ms ease, background-color 120ms ease,
@@ -24,7 +24,7 @@
.tab:hover { .tab:hover {
background: transparent; background: transparent;
color: var(--mantine-color-gray-9); color: var(--mantine-color-text);
} }
.tab[data-active], .tab[data-active],
@@ -37,7 +37,7 @@
/* Selectable option card (language + appearance). */ /* Selectable option card (language + appearance). */
.choice { .choice {
border: 1px solid var(--mantine-color-gray-3); border: 1px solid var(--mantine-color-default-border);
border-radius: var(--mantine-radius-md); border-radius: var(--mantine-radius-md);
background: var(--mantine-color-body); background: var(--mantine-color-body);
transition: transition:
@@ -46,11 +46,11 @@
} }
.choice:hover { .choice:hover {
border-color: var(--mantine-color-gray-4); border-color: var(--mantine-color-gray-5);
} }
.choiceActive, .choiceActive,
.choiceActive:hover { .choiceActive:hover {
border-color: var(--mantine-color-emaPrimary-6); border-color: var(--mantine-color-emaPrimary-6);
background: var(--mantine-color-emaPrimary-0); background: var(--mantine-color-emaPrimary-light);
} }

2
apps/portal/src/app/features/profile/pages/ProfilePage.tsx
View File

@@ -688,7 +688,7 @@ export function ProfilePage() {
backgroundColor: backgroundColor:
i <= score i <= score
? `var(--mantine-color-${strengthColors[score]}-6)` ? `var(--mantine-color-${strengthColors[score]}-6)`
: 'var(--mantine-color-gray-2)', : 'var(--mantine-color-gray-light)',
}} }}
/> />
))} ))}