shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix tables extending outside viewport in mobile formats

Browse Source
This commit is contained in:
sct
2021-02-04 06:45:49 +00:00
parent 9e5e4c22f5
commit e270999745
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Common/Table/index.tsx
View File

@@ -71,9 +71,9 @@ const TD: React.FC<TDProps> = ({
const Table: React.FC = ({ children }) => { const Table: React.FC = ({ children }) => {
return ( return (
<div className="flex flex-col"> <div className="flex flex-col">
<div className="my-2 overflow-x-auto -mx-6 md:mx-0 lg:mx-0"> <div className="my-2 -mx-4 overflow-x-auto md:mx-0 lg:mx-0">
<div className="py-2 align-middle inline-block min-w-full"> <div className="inline-block min-w-full py-2 align-middle">
<div className="shadow overflow-hidden sm:rounded-lg"> <div className="overflow-hidden shadow sm:rounded-lg">
<table className="min-w-full">{children}</table> <table className="min-w-full">{children}</table>
</div> </div>
</div> </div>