styles: update for design

unit-mesh · Nov 25, 2023 · 9a5db10 · 9a5db10
1 parent bc1d929
commit 9a5db10
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/components/editor/live-editor.tsx b/src/components/editor/live-editor.tsx
@@ -95,7 +95,7 @@ const LiveEditor = () => {
 
 	return (<div className={'w-full'}>
 			<div className={'editor-block'}>
-				<div className={'domain-buttons'}>
+				<div className={'domain-buttons lg:flex md:flex sm:hidden hidden'}>
 					<span className={'scene-text'}>Scene: (Todo)</span>
 					<button disabled={true} className={'domain-button'}>Blog</button>
 					<button disabled={true} className={'domain-button'}>Weekly Report</button>
@@ -117,7 +117,7 @@ const LiveEditor = () => {
 				</div>
 			</div>
 
-			{editor && <div className={'lg:visible md:invisible sm:invisible invisible'}><Sidebar eidtor={editor}/></div>}
+			{editor && <div className={'lg:flex md:hidden sm:hidden hidden'}><Sidebar eidtor={editor}/></div>}
 		</div>
 	)
 }

diff --git a/src/components/editor/menu-bar.tsx b/src/components/editor/menu-bar.tsx
@@ -18,7 +18,7 @@ import { MenuAiDropdown } from './intelli/menu/menu-ai-dropdown'
 export const MenuBar = ({ editor }: { editor: Editor }) => {
   return (
     <ToggleGroup.Root
-      className={'ToggleGroup lg:visible md:visible sm:invisible invisible'}
+      className={'ToggleGroup'}
       type="single"
       defaultValue="center"
       aria-label="Text alignment"

diff --git a/styles/global.css b/styles/global.css
@@ -752,7 +752,6 @@ input {
 .domain-buttons {
     max-width: 800px;
     margin: 1rem auto;
-    display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }