display file info

assets/tailwind.css

@@ -7,8 +7,9 @@
     'Noto Color Emoji';
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
+    --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-zinc-900: oklch(21% 0.006 285.885);
-    --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
     --text-4xl: 2.25rem;
@@ -167,6 +168,12 @@
   .visible {
     visibility: visible;
   }
+  .static {
+    position: static;
+  }
+  .flex {
+    display: flex;
+  }
   .hidden {
     display: none;
   }
@@ -194,6 +201,12 @@
   .resize {
     resize: both;
   }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -218,6 +231,12 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .text-blue-100 {
+    color: var(--color-blue-100);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-white {
     color: var(--color-white);
   }