refactor

web/src/components/DialogTorrentDetailsContent/index.jsx

@@ -13,7 +13,6 @@ import { useUpdateCache, useCreateCacheMap, useGetSettings } from './customHooks
 import DialogHeader from './DialogHeader'
 import TorrentCache from './TorrentCache'
 import {
-  DetailedViewWrapper,
   DetailedViewWidgetSection,
   DetailedViewCacheSection,
   DialogContentGrid,
@@ -124,7 +123,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
             <CircularProgress />
           </div>
         ) : isDetailedCacheView ? (
-          <DetailedViewWrapper>
+          <>
             <DetailedViewWidgetSection>
               <SectionTitle mb={20}>Data</SectionTitle>
               <WidgetWrapper detailedView>
@@ -142,7 +141,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
               <SectionTitle mb={20}>Cache</SectionTitle>
               <TorrentCache cache={cache} cacheMap={cacheMap} />
             </DetailedViewCacheSection>
-          </DetailedViewWrapper>
+          </>
         ) : (
           <DialogContentGrid>
             <MainSection>
@@ -251,7 +250,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
               </Button>
             </CacheSection>
 
-            <TorrentFilesSection>
+            {/* <TorrentFilesSection>
               <SectionTitle mb={20}>Torrent Content</SectionTitle>
 
               {!playableFileList?.length ? (
@@ -309,7 +308,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
                   </Table>
                 </>
               )}
-            </TorrentFilesSection>
+            </TorrentFilesSection> */}
           </DialogContentGrid>
         )}
       </div>

web/src/components/DialogTorrentDetailsContent/style.js

@@ -2,7 +2,6 @@ import styled, { css } from 'styled-components'
 
 export const DialogContentGrid = styled.div`
   display: grid;
-  overflow: auto;
   grid-template-columns: 70% 1fr;
   grid-template-rows: repeat(2, min-content);
   grid-template-areas:
@@ -137,10 +136,6 @@ export const SectionHeader = styled.div`
   margin-bottom: 20px;
 `
 
-export const DetailedViewWrapper = styled.div`
-  overflow: auto;
-`
-
 export const WidgetWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(max-content, 220px));