mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 13:00:39 +03:00
M: Fix centering for editor
This commit is contained in:
parent
9d99179a40
commit
e4452b3679
|
@ -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'>
|
||||||
|
|
|
@ -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'
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
@ -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')}>
|
||||||
|
|
|
@ -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]'
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
@ -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'
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue
Block a user