ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 04:50:36 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

M: Fix react-toaster size for small screens
Some checks are pending
Frontend CI / build (22.x) (push) Waiting to run
Details

Browse Source
This commit is contained in:
Ivan 2025-03-13 14:54:44 +03:00
parent 8208adab96
commit 25297b0459
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>
<div className='min-w-80 antialiased h-full max-w-480 mx-auto'>
<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}
draggable={false}
pauseOnFocusLoss={false}

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

@ -7,6 +7,12 @@
:root {
/* Import overrides */
--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 {