M: Fix centering for editor

This commit is contained in:
Ivan 2025-02-20 17:07:54 +03:00
parent 44ea7f7944
commit d1e4edc326
6 changed files with 8 additions and 8 deletions

View File

@ -41,9 +41,9 @@ export function EditorOssCard() {
onKeyDown={handleInput} onKeyDown={handleInput}
className={clsx( className={clsx(
'cc-fade-in', 'cc-fade-in',
'md:w-fit md:max-w-fit max-w-[32rem]', 'md:max-w-fit max-w-[32rem] min-w-fit',
'mx-auto pt-[1.9rem]', 'pt-[1.9rem]',
'flex flex-row flex-wrap px-6' 'flex flex-row flex-wrap px-6 justify-center'
)} )}
> >
<FlexColumn className='px-3'> <FlexColumn className='px-3'>

View File

@ -13,7 +13,7 @@ export function OssStats({ stats }: OssStatsProps) {
return ( return (
<div <div
className={clsx( className={clsx(
'mt-3 md:ml-5 md:mt-8 md:w-[15rem] w-[20rem] h-min mx-auto', // prettier: split-lines 'mt-3 md:ml-5 md:mt-8 md:w-[12rem] w-[14rem] h-min mx-auto', // prettier: split-lines
'grid grid-cols-3 gap-1 justify-items-end' 'grid grid-cols-3 gap-1 justify-items-end'
)} )}
> >

View File

@ -61,7 +61,7 @@ export function OssTabs({ activeTab }: OssTabsProps) {
onSelect={onSelectTab} onSelect={onSelectTab}
defaultFocus defaultFocus
selectedTabClassName='clr-selected' selectedTabClassName='clr-selected'
className='flex flex-col mx-auto min-w-fit' className='flex flex-col mx-auto min-w-fit items-center'
> >
<Overlay position='top-0 right-1/2 translate-x-1/2' layer='z-sticky'> <Overlay position='top-0 right-1/2 translate-x-1/2' layer='z-sticky'>
<TabList className={clsx('w-fit', 'flex items-stretch', 'border-b-2 border-x-2 divide-x-2', 'bg-prim-200')}> <TabList className={clsx('w-fit', 'flex items-stretch', 'border-b-2 border-x-2 divide-x-2', 'bg-prim-200')}>

View File

@ -41,7 +41,7 @@ export function EditorRSFormCard() {
onKeyDown={handleInput} onKeyDown={handleInput}
className={clsx( className={clsx(
'cc-fade-in', 'cc-fade-in',
'md:w-fit md:max-w-fit max-w-[32rem] mx-auto', 'md:w-fit md:max-w-fit max-w-[32rem]',
'flex flex-row flex-wrap px-6 pt-[1.9rem]' 'flex flex-row flex-wrap px-6 pt-[1.9rem]'
)} )}
> >

View File

@ -32,7 +32,7 @@ export function RSFormStats({ stats, isArchive }: RSFormStatsProps) {
return ( return (
<div <div
className={clsx( className={clsx(
'mt-3 md:ml-5 md:mt-8 md:w-[18rem] w-[25rem] h-min mx-auto', // prettier: split-lines 'mt-3 md:ml-5 md:mt-8 md:w-[14rem] w-[20rem] h-min mx-auto', // prettier: split-lines
'grid grid-cols-4 gap-1 justify-items-end' 'grid grid-cols-4 gap-1 justify-items-end'
)} )}
> >

View File

@ -78,7 +78,7 @@ export function RSTabs({ activeID, activeTab }: RSTabsProps) {
onSelect={onSelectTab} onSelect={onSelectTab}
defaultFocus defaultFocus
selectedTabClassName='clr-selected' selectedTabClassName='clr-selected'
className='flex flex-col mx-auto min-w-fit' className='flex flex-col mx-auto min-w-fit items-center'
> >
<Overlay position='top-0 right-1/2 translate-x-1/2' layer='z-sticky'> <Overlay position='top-0 right-1/2 translate-x-1/2' layer='z-sticky'>
<TabList <TabList