ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

M: Fix react-toaster size for small screens
Some checks failed
Frontend CI / build (22.x) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ivan 2025-03-13 14:54:28 +03:00
parent ed89591af9
commit 65c210b047
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
rsconcept/frontend/src/app/application-layout.tsx
View File

@ -27,7 +27,7 @@ export function ApplicationLayout() {
<NavigationState> <NavigationState>
<div className='min-w-80 antialiased h-full max-w-480 mx-auto'> <div className='min-w-80 antialiased h-full max-w-480 mx-auto'>
<ToasterThemed <ToasterThemed
className={clsx('text-[14px]/[20px]', noNavigationAnimation ? 'mt-6' : 'mt-14')} className={clsx('sm:text-[14px]/[20px] text-[12px]/[16px]', noNavigationAnimation ? 'mt-6' : 'mt-14')}
autoClose={3000} autoClose={3000}
draggable={false} draggable={false}
pauseOnFocusLoss={false} pauseOnFocusLoss={false}

6
rsconcept/frontend/src/styling/overrides.css
View File

@ -7,6 +7,12 @@
:root { :root {
/* Import overrides */ /* Import overrides */
--toastify-color-dark: var(--clr-prim-300); --toastify-color-dark: var(--clr-prim-300);
--toastify-toast-width: 20rem;
--toastify-toast-padding: 0.75rem;
--toastify-toast-min-height: 4rem;
--toastify-toast-max-height: 40rem;
} }
.cm-tooltip { .cm-tooltip {