Loyaly/loyaly-merchant
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update ui update and fix layout issue

Browse Source
This commit is contained in:
Aravind
2026-08-06 13:21:10 +05:30
parent 92322bff16
commit e5f8144fb3
251 changed files with 9041 additions and 2119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
src/theme/loyaly.css
View File

@@ -2,7 +2,7 @@
* @generated by `astryx theme build` — do not edit manually.
* Source: src/theme/loyalyTheme.ts
* Command: astryx theme build src/theme/loyalyTheme.ts
* Generated: 2026-08-05T11:18:10.756Z
* Generated: 2026-08-06T05:55:58.053Z
*/
@layer reset {
@@ -364,12 +364,41 @@
}
.astryx-button.destructive {
background-color: var(--color-error-muted);
color: var(--color-error);
background-color: var(--color-error);
color: var(--color-on-error);
border-width: 1px;
border-style: solid;
border-color: var(--color-error);
}
.astryx-button.destructive:hover {
filter: brightness(1.1);
}
.astryx-button.destructive:active {
filter: brightness(0.95);
}
.astryx-button.primary {
background-color: var(--color-text-primary);
color: var(--color-background-body);
border-width: 1px;
border-style: solid;
border-color: var(--color-text-primary);
}
.astryx-button.primary:hover {
background-color: #E4E4E7;
border-color: #E4E4E7;
}
.astryx-button.primary:active {
background-color: #A1A1AA;
border-color: #A1A1AA;
}
.astryx-button.secondary {
background-color: transparent;
background-color: var(--color-neutral);
color: var(--color-text-primary);
border-width: 1px;
border-style: solid;
@@ -377,14 +406,35 @@
}
.astryx-button.secondary:hover {
background-color: #27272A;
border-color: var(--color-text-secondary);
}
.astryx-button.secondary:active {
background-color: var(--color-background-card);
}
.astryx-button.ghost:hover {
background-color: var(--color-overlay-hover);
}
.astryx-button.ghost:active {
background-color: var(--color-overlay-pressed);
}
.astryx-button:focus-visible {
outline: 2px solid var(--color-text-primary);
outline-offset: 2px;
}
.astryx-button:disabled {
background-color: var(--color-background-card);
color: var(--color-text-disabled);
border-color: transparent;
opacity: 1;
cursor: not-allowed;
}
.astryx-badge.info {
background-color: var(--color-background-gray);
color: var(--color-text-gray);
@@ -540,18 +590,80 @@
border-color: var(--color-border-emphasized);
}
.astryx-text-input:hover {
border-color: var(--color-text-secondary);
}
.astryx-text-input:focus-within {
border-color: var(--color-text-primary);
outline: none;
}
.astryx-textarea {
background-color: var(--color-background-body);
border-color: var(--color-border-emphasized);
}
.astryx-textarea:hover {
border-color: var(--color-text-secondary);
}
.astryx-textarea:focus-within {
border-color: var(--color-text-primary);
outline: none;
}
.astryx-number-input {
background-color: var(--color-background-body);
border-color: var(--color-border-emphasized);
}
.astryx-number-input:hover {
border-color: var(--color-text-secondary);
}
.astryx-selector {
background-color: var(--color-background-body);
border-color: var(--color-border-emphasized);
}
.astryx-selector:hover {
border-color: var(--color-text-secondary);
}
.astryx-dropdown-menu-item:hover {
background-color: #27272A;
}
.astryx-dropdown-menu-item:focus-visible {
background-color: #27272A;
outline: none;
}
.astryx-selector-option:hover {
background-color: #27272A;
}
.astryx-selector-option.selected {
background-color: var(--color-background-raised);
color: var(--color-text-primary);
}
.astryx-item:hover {
background-color: #27272A;
}
.astryx-table-cell {
padding-inline-start: var(--spacing-3);
padding-inline-end: var(--spacing-3);
}
.astryx-table-cell:first-child {
padding-inline-start: var(--spacing-5);
padding-inline-start: var(--spacing-6);
}
.astryx-table-cell:last-child {
padding-inline-end: var(--spacing-8);
}
.astryx-table-header-cell {
@@ -560,7 +672,11 @@
}
.astryx-table-header-cell:first-child {
padding-inline-start: var(--spacing-5);
padding-inline-start: var(--spacing-6);
}
.astryx-table-header-cell:last-child {
padding-inline-end: var(--spacing-8);
}
.astryx-text.primary { color: var(--color-text-primary); }