wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-07-31 12:00:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

Message Styling For Mobile

Browse Source 
Decreased padding for mobile and changed some styling to give better contrast
This commit is contained in:
rsandb
2023-01-13 19:57:46 -06:00
parent af8f17a55c
commit eb0988bee9
10 changed files with 81 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/SideMenuLayout.tsx
+3 -3
View File
@@ -12,11 +12,11 @@ export const SideMenuLayout = (props: SideMenuLayoutProps) => {
return (
<Box backgroundColor={colorMode === "light" ? colors.light.bg : colors.dark.bg} className="sm:overflow-hidden">
<Box className="sm:flex h-full gap-6">
<Box className="p-6 sm:pr-0">
<Box className="sm:flex h-full lg:gap-6">
<Box className="p-3 lg:p-6 lg:pr-0">
<SideMenu buttonOptions={props.menuButtonOptions} />
</Box>
<Box className="flex flex-col overflow-y-auto p-6 sm:pl-0 gap-14 w-full">{props.children}</Box>
<Box className="flex flex-col overflow-y-auto p-3 lg:p-6 lg:pl-0 gap-14 w-full">{props.children}</Box>
</Box>
</Box>
);