css fixes

onnenon · Apr 30, 2024 · d84bebb · d84bebb
1 parent 82d016f
commit d84bebb
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 47 deletions.
diff --git a/dist/main.js b/dist/main.js
@@ -6423,7 +6423,7 @@ var $author$project$Main$view = function (model) {
 		$elm$html$Html$div,
 		_List_fromArray(
 			[
-				$elm$html$Html$Attributes$class('flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2')
+				$elm$html$Html$Attributes$class('flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2 leading-tight')
 			]),
 		_List_fromArray(
 			[

diff --git a/dist/styles.css b/dist/styles.css
@@ -669,66 +669,45 @@ video {
   font-weight: 700;
 }
 
-.text-prime-dark-blue{
-  --tw-text-opacity: 1;
-  color: rgb(121 192 255 / var(--tw-text-opacity));
+.leading-tight{
+  line-height: 1.25;
 }
 
 .text-prime-dark-gray{
   --tw-text-opacity: 1;
   color: rgb(177 186 196 / var(--tw-text-opacity));
 }
 
-.text-prime-dark-green{
-  --tw-text-opacity: 1;
-  color: rgb(86 211 100 / var(--tw-text-opacity));
-}
-
-.text-prime-dark-purple{
+.text-prime-light-black{
   --tw-text-opacity: 1;
-  color: rgb(210 168 255 / var(--tw-text-opacity));
+  color: rgb(31 35 40 / var(--tw-text-opacity));
 }
 
-.text-prime-dark-yellow{
+.text-prime-light-blue{
   --tw-text-opacity: 1;
-  color: rgb(255 166 86 / var(--tw-text-opacity));
+  color: rgb(3 80 174 / var(--tw-text-opacity));
 }
 
-.text-prime-light-black{
+.text-prime-light-gray{
   --tw-text-opacity: 1;
-  color: rgb(31 35 40 / var(--tw-text-opacity));
+  color: rgb(72 79 88 / var(--tw-text-opacity));
 }
 
 .text-prime-light-purple{
   --tw-text-opacity: 1;
   color: rgb(130 80 223 / var(--tw-text-opacity));
 }
 
-.text-prime-light-green{
+.text-prime-light-red{
   --tw-text-opacity: 1;
-  color: rgb(27 127 54 / var(--tw-text-opacity));
+  color: rgb(207 33 46 / var(--tw-text-opacity));
 }
 
 .text-prime-light-yellow{
   --tw-text-opacity: 1;
   color: rgb(149 56 0 / var(--tw-text-opacity));
 }
 
-.text-prime-light-blue{
-  --tw-text-opacity: 1;
-  color: rgb(3 80 174 / var(--tw-text-opacity));
-}
-
-.text-prime-light-gray{
-  --tw-text-opacity: 1;
-  color: rgb(72 79 88 / var(--tw-text-opacity));
-}
-
-.text-prime-light-red{
-  --tw-text-opacity: 1;
-  color: rgb(207 33 46 / var(--tw-text-opacity));
-}
-
 .hover\:text-prime-light-black:hover{
   --tw-text-opacity: 1;
   color: rgb(31 35 40 / var(--tw-text-opacity));
@@ -756,6 +735,11 @@ video {
     background-color: rgb(13 17 23 / var(--tw-bg-opacity));
   }
 
+  .dark\:text-prime-dark-blue{
+    --tw-text-opacity: 1;
+    color: rgb(121 192 255 / var(--tw-text-opacity));
+  }
+
   .dark\:text-prime-dark-gray{
     --tw-text-opacity: 1;
     color: rgb(177 186 196 / var(--tw-text-opacity));
@@ -766,31 +750,21 @@ video {
     color: rgb(210 168 255 / var(--tw-text-opacity));
   }
 
-  .dark\:text-prime-dark-white{
+  .dark\:text-prime-dark-red{
     --tw-text-opacity: 1;
-    color: rgb(230 237 243 / var(--tw-text-opacity));
+    color: rgb(255 123 114 / var(--tw-text-opacity));
   }
 
-  .dark\:text-prime-dark-green{
+  .dark\:text-prime-dark-white{
     --tw-text-opacity: 1;
-    color: rgb(86 211 100 / var(--tw-text-opacity));
+    color: rgb(230 237 243 / var(--tw-text-opacity));
   }
 
   .dark\:text-prime-dark-yellow{
     --tw-text-opacity: 1;
     color: rgb(255 166 86 / var(--tw-text-opacity));
   }
 
-  .dark\:text-prime-dark-blue{
-    --tw-text-opacity: 1;
-    color: rgb(121 192 255 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-prime-dark-red{
-    --tw-text-opacity: 1;
-    color: rgb(255 123 114 / var(--tw-text-opacity));
-  }
-
   .hover\:dark\:text-prime-dark-white:hover{
     --tw-text-opacity: 1;
     color: rgb(230 237 243 / var(--tw-text-opacity));

diff --git a/src/Main.elm b/src/Main.elm
@@ -67,7 +67,7 @@ update msg model =
 view : Model -> Html.Html msg
 view model =
     div
-        [ class "flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2" ]
+        [ class "flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2 leading-tight" ]
         [ Icon.css
         , prompt_top_row prompt_top_parts
         , lazy2 title model.prompt model.title_text