mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-01 04:08:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Limit max width of forms & lists (#845)

Browse Source
This commit is contained in:
TheCatLady
2021-02-04 19:52:58 -05:00
committed by GitHub
parent 026795d4c9
commit b9d14a9fd0
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Common/List/index.tsx
View File

@@ -7,11 +7,13 @@ interface ListItemProps {
const ListItem: React.FC<ListItemProps> = ({ title, children }) => { const ListItem: React.FC<ListItemProps> = ({ title, children }) => {
return ( return (
<div className="py-4 sm:grid sm:grid-cols-3 sm:gap-4"> <div>
<dt className="block text-sm font-medium text-gray-400">{title}</dt> <div className="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
<dd className="flex text-sm text-white sm:mt-0 sm:col-span-2"> <dt className="block text-sm font-medium text-gray-400">{title}</dt>
<span className="flex-grow">{children}</span> <dd className="flex text-sm text-white sm:mt-0 sm:col-span-2">
</dd> <span className="flex-grow">{children}</span>
</dd>
</div>
</div> </div>
); );
}; };

2
src/styles/globals.css
View File

@@ -50,7 +50,7 @@ body {
} }
.form-row { .form-row {
@apply mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start; @apply max-w-6xl mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start;
} }
.form-input { .form-input {