scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/SW-2626-error-message-multiroom-reward (pull request #2299)

Browse Source 
fix(SW-2626): add multiroom reward error message for mobile

* fix(SW-2626): add multiroom reward error message for mobile

* fix(SW-2626): error message to red color

* fix(SW-2626): fix errorContainer

* fix(SW-2626): fix button fullwidth

* fix(SW-2626): fix button fullwidth

* fix(SW-2626): add design

* fix(SW-2626): add new colors for checkbox

* fix(SW-2626): new color for input

* fix(SW-2626): fix pr comment

* fix(SW-2626): final ui for desktop and mobile


Approved-by: Hrishikesh Vaipurkar
This commit is contained in:
Bianca Widstam
2025-06-12 12:51:37 +00:00
parent 2dd07eb6b8
commit 5b90e15746
15 changed files with 213 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/scandic-web/components/TempDesignSystem/Form/Switch/switch.module.css
View File

@@ -10,8 +10,8 @@
.switch {
width: 40px;
height: 24px;
border: 2px solid var(--UI-Input-Controls-Border-Normal);
background: var(--UI-Input-Controls-Surface-Normal);
border: 2px solid var(--Surface-Secondary-Default-dark);
background: var(--Surface-Secondary-Default-dark);
border-radius: 24px;
transition: all 200ms;
display: block;
@@ -22,7 +22,7 @@
margin: 2px;
width: 16px;
height: 16px;
background: var(--UI-Input-Controls-Border-Normal);
background: var(--Surface-UI-Fill-Default);
border-radius: 100%;
transition: all 200ms;
}
@@ -30,11 +30,11 @@
.container[data-selected] {
.switch {
border-color: var(--UI-Input-Controls-Fill-Selected);
background: var(--UI-Input-Controls-Fill-Selected);
border-color: var(--Surface-UI-Fill-Active);
background: var(--Surface-UI-Fill-Active);
&:before {
background: var(--UI-Input-Controls-Surface-Normal);
background: var(--Surface-UI-Fill-Default);
transform: translateX(100%);
}
}