Details tweaks

DustinBrett · Sep 30, 2024 · f3ec517 · f3ec517
1 parent 8f5950e
commit f3ec517
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 3 deletions.
diff --git a/components/system/Files/FileEntry/StyledColumnRow.ts b/components/system/Files/FileEntry/StyledColumnRow.ts
@@ -2,6 +2,8 @@ import styled from "styled-components";
 
 const StyledColumnRow = styled.div`
   display: flex;
+  height: ${({ theme }) => theme.sizes.fileManager.detailsRowHeight};
+  place-items: center;
 
   div {
     color: #fff;

diff --git a/components/system/Files/FileManager/Columns/StyledColumns.ts b/components/system/Files/FileManager/Columns/StyledColumns.ts
@@ -28,7 +28,7 @@ const StyledColumns = styled.span`
         position: absolute;
         top: 1px;
         transition: none !important;
-        width: 8px;
+        width: 7px;
       }
 
       div {

diff --git a/components/system/Files/FileManager/Columns/constants.ts b/components/system/Files/FileManager/Columns/constants.ts
@@ -4,6 +4,7 @@ type ColumnData = {
 };
 
 export const MAX_STEPS_PER_RESIZE = 15;
+
 export type ColumnName = "date" | "name" | "size" | "type";
 
 export type Columns = Record<ColumnName, ColumnData>;

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

diff --git a/styles/defaultTheme/sizes.ts b/styles/defaultTheme/sizes.ts
@@ -18,7 +18,7 @@ const sizes = {
     renameWidth: 75,
   },
   fileExplorer: {
-    minimumStatusBarWidth: 247,
+    minimumStatusBarWidth: 268,
     navBarHeight: "35px",
     navInputHeight: 22,
     statusBarHeight: "23px",
@@ -28,6 +28,7 @@ const sizes = {
     columnHeight: "25px",
     columnMinWidth: 80,
     columnResizeWidth: 7,
+    detailsRowHeight: "22px",
     detailsStartPadding: 14,
     gridEntryHeight: "70px",
     gridEntryWidth: "74px",
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,6 +4,7 @@ type ColumnData = { @@
     };
     export const MAX_STEPS_PER_RESIZE = 15;
     export type ColumnName = "date" | "name" | "size" | "type";
     export type Columns = Record<ColumnName, ColumnData>;
@@ Expand Down @@