3eb050e

app.css

@@ -2,6 +2,11 @@
   background-color: transparent;
 }
 
+.bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(82, 82, 82, var(--tw-bg-opacity));
+}
+
 .bg-gray-700 {
   --tw-bg-opacity: 1;
   background-color: rgba(64, 64, 64, var(--tw-bg-opacity));
@@ -12,11 +17,21 @@
   background-color: rgba(38, 38, 38, var(--tw-bg-opacity));
 }
 
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
 .hover\:bg-gray-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(115, 115, 115, var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(82, 82, 82, var(--tw-bg-opacity));
+}
+
 .border-gray-50 {
   --tw-border-opacity: 1;
   border-color: rgba(250, 250, 250, var(--tw-border-opacity));
@@ -86,6 +101,10 @@
   flex: 1 1 0%;
 }
 
+.flex-none {
+  flex: none;
+}
+
 .font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
@@ -94,10 +113,6 @@
   height: 1.5rem;
 }
 
-.h-7 {
-  height: 1.75rem;
-}
-
 .h-8 {
   height: 2rem;
 }
@@ -110,9 +125,9 @@
   height: 100%;
 }
 
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
 }
 
 .text-lg {
@@ -138,10 +153,18 @@
   outline-offset: 2px;
 }
 
+.overflow-auto {
+  overflow: auto;
+}
+
 .overflow-visible {
   overflow: visible;
 }
 
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .p-0 {
   padding: 0px;
 }
@@ -150,6 +173,10 @@
   padding: 0.25rem;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
 .p-3 {
   padding: 0.75rem;
 }
@@ -195,6 +222,10 @@
   --tw-ring-shadow: 0 0 #0000;
 }
 
+.fill-current {
+  fill: currentColor;
+}
+
 .text-gray-50 {
   --tw-text-opacity: 1;
   color: rgba(250, 250, 250, var(--tw-text-opacity));
@@ -227,6 +258,10 @@
   visibility: hidden;
 }
 
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .w-10 {
   width: 2.5rem;
 }
@@ -295,6 +330,8 @@
 
 * {
   box-sizing: border-box;
+  scrollbar-color: lightgray #262626;
+  scrollbar-width: thin;
 }
 
 body {
@@ -367,7 +404,7 @@ body {
 
 .btn-green:hover {
   --tw-text-opacity: 1;
-  color: rgba(52, 211, 153, var(--tw-text-opacity));
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
 }
 
 input::-webkit-outer-spin-button,
@@ -400,6 +437,23 @@ input[type=number] {
   top: calc(var(--topNavH) + 6px);
 }
 
+.hide-scroll{
+  scrollbar-width: none;  /* Firefox */
+}
+
+.hide-scroll::-webkit-scrollbar {
+  display: none;  /* Safari and Chrome */
+}
+
+::-webkit-scrollbar {
+  width: 0.375rem;
+  background: #262626;
+}
+
+::-webkit-scrollbar-thumb {
+  background: lightgray;
+}
+
 @media (min-width: 640px) {
 }