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

F: Add xs size screen media query
Some checks are pending
Frontend CI / build (22.x) (push) Waiting to run
Details

Browse Source
This commit is contained in:
Ivan 2024-08-28 23:40:55 +03:00
parent 55e09d856f
commit 5edf08a5cb
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/FormConstituenta.tsx
View File

@ -128,7 +128,7 @@ function FormConstituenta({
} }
return ( return (
<AnimateFade className='mx-0 md:mx-auto'> <AnimateFade className='mx-0 md:mx-auto pt-[2rem] xs:pt-0'>
{state ? ( {state ? (
<ControlsOverlay <ControlsOverlay
disabled={disabled} disabled={disabled}

4
rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/ToolbarConstituenta.tsx
View File

@ -50,8 +50,8 @@ function ToolbarConstituenta({
return ( return (
<Overlay <Overlay
position='top-1 right-1/2 translate-x-1/2 sm:right-4 sm:translate-x-0 md:right-1/2 md:translate-x-1/2' position='top-1 right-1/2 translate-x-1/2 xs:right-4 xs:translate-x-0 md:right-1/2 md:translate-x-1/2'
className='cc-icons outline-none transition-all duration-500' className='cc-icons outline-none transition-all duration-500'
> >
{controller.schema && controller.schema?.oss.length > 0 ? ( {controller.schema && controller.schema?.oss.length > 0 ? (
<MiniSelectorOSS <MiniSelectorOSS

6
rsconcept/frontend/tailwind.config.js
View File

@ -1,4 +1,6 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
import defaultTheme from 'tailwindcss/defaultTheme';
export default { export default {
darkMode: 'class', darkMode: 'class',
content: ['./src/**/*.{js,jsx,ts,tsx}'], content: ['./src/**/*.{js,jsx,ts,tsx}'],
@ -14,6 +16,10 @@ export default {
modalControls: '70', modalControls: '70',
modalTooltip: '90' modalTooltip: '90'
}, },
screens: {
xs: '475px',
...defaultTheme.screens
},
extend: {} extend: {}
}, },
plugins: [], plugins: [],