Details tweaks

DustinBrett · Sep 30, 2024 · 4dc0894 · 4dc0894
1 parent ea6b08f
commit 4dc0894
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/components/system/Files/FileEntry/StyledColumnRow.ts b/components/system/Files/FileEntry/StyledColumnRow.ts
@@ -8,12 +8,15 @@ const StyledColumnRow = styled.div`
   div {
     color: #fff;
     overflow: hidden;
+    padding-right: ${({ theme }) =>
+      theme.sizes.fileManager.detailsEndPadding}px;
     text-overflow: ellipsis;
     white-space: nowrap;
 
     &:last-child {
-      margin-right: -6px;
-      padding-right: 6px;
+      margin-right: -${({ theme }) => theme.sizes.fileManager.detailsEndPadding / 2}px;
+      padding-right: ${({ theme }) =>
+        theme.sizes.fileManager.detailsEndPadding / 2}px;
     }
   }
 `;

diff --git a/components/system/Files/Views/Details/StyledFileEntry.ts b/components/system/Files/Views/Details/StyledFileEntry.ts
@@ -15,6 +15,8 @@ const StyledFileEntry = styled.li<StyledFileEntryProps>`
       display: flex;
       flex-direction: row;
       height: ${({ theme }) => theme.sizes.fileManager.detailsRowHeight};
+      padding-right: ${({ theme }) =>
+        theme.sizes.fileManager.detailsEndPadding}px;
       place-items: center;
       position: relative;
 

diff --git a/contexts/process/directory.ts b/contexts/process/directory.ts
@@ -87,8 +87,8 @@ const directory: Processes = {
     Component: dynamic(() => import("components/apps/FileExplorer")),
     backgroundColor: "#202020",
     defaultSize: {
-      height: 260,
-      width: 407,
+      height: 330,
+      width: 484,
     },
     icon: FOLDER_ICON,
     title: "File Explorer",

diff --git a/styles/defaultTheme/sizes.ts b/styles/defaultTheme/sizes.ts
@@ -28,6 +28,7 @@ const sizes = {
     columnHeight: "25px",
     columnMinWidth: 80,
     columnResizeWidth: 7,
+    detailsEndPadding: 15,
     detailsRowHeight: "22px",
     detailsStartPadding: 14,
     gridEntryHeight: "70px",