Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-05-23 09:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

UI fixes for large screens (#3239)

Browse source
This commit is contained in:
Dotan Simha 2023-11-02 10:12:57 +02:00 committed by GitHub
parent 236326f70d
commit dcdb714a72
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/web/app/src/components/layouts/target.tsx
View file

@ -356,8 +356,8 @@ export const TargetLayout = ({
</div>
</div>
<div className="container pb-7 h-full">
<div className={cn('flex justify-between gap-12', className)}>
<div className="grow">{children}</div>
<div className={cn('flex justify-between gap-12 h-full', className)}>
<div className="grow flex flex-col">{children}</div>
</div>
</div>
</>

6
packages/web/app/tailwind.config.cjs
View file

@ -10,7 +10,11 @@ module.exports = {
center: true,
padding: '2rem',
screens: {
'2xl': '1400px',
sm: '100%',
md: '100%',
lg: '100%',
xl: '100%',
'2xl': '1800px',
},
},
fontFamily: {