change log modal styling

public/css/app.css

@@ -1531,6 +1531,48 @@ button, input, optgroup, select, textarea{
 
 /* after the upgrade tailwind 3.2.1, this tags font-weight changed. Added this block for now */
 
+/* changelog modal styling for update center */
+
+.change-log-modal h2{
+  margin-bottom: 0.75rem;
+  font-size: 1.375rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(66 66 66 / var(--tw-text-opacity));
+}
+
+.change-log-modal h3{
+  margin-bottom: 0.75rem;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(66 66 66 / var(--tw-text-opacity));
+}
+
+.change-log-modal ul{
+  margin-bottom: 0.75rem;
+  list-style-position: inside;
+  list-style-type: disc;
+}
+
+.change-log-modal li{
+  font-size: 1rem;
+  line-height: 1.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(66 66 66 / var(--tw-text-opacity));
+}
+
+.change-log-modal a{
+  --tw-text-opacity: 1;
+  color: rgb(85 88 139 / var(--tw-text-opacity));
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
+
+/* changelog modal styling for update center */
+
 *, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -50876,6 +50918,10 @@ body{
     width: 8.333333%;
   }
 
+  .lg\:w-auto{
+    width: auto;
+  }
+
   .lg\:w-3\/12{
     width: 25%;
   }
@@ -50940,10 +50986,6 @@ body{
     width: 1rem;
   }
 
-  .lg\:w-auto{
-    width: auto;
-  }
-
   .lg\:w-2\/4{
     width: 50%;
   }

resources/assets/sass/app.css

@@ -191,6 +191,28 @@
         @apply font-normal;
     }
     /* after the upgrade tailwind 3.2.1, this tags font-weight changed. Added this block for now */
+
+    /* changelog modal styling for update center */
+    .change-log-modal h2 {
+        @apply text-2xl font-bold text-black mb-3;
+    }
+
+    .change-log-modal h3 {
+        @apply text-lg font-bold text-black mb-3;
+    }
+
+    .change-log-modal ul {
+        @apply list-disc list-inside mb-3;
+    }
+
+    .change-log-modal li {
+        @apply text-base text-black;
+    }
+
+    .change-log-modal a {
+        @apply text-purple underline;
+    }
+    /* changelog modal styling for update center */
 }
 
 /* menu */

resources/views/install/updates/index.blade.php

@@ -109,7 +109,7 @@
         </x-index.container>
 
         <akaunting-modal v-if="changelog.show"
-            modal-dialog-class="max-w-screen-2xl"
+            modal-dialog-class="max-w-screen-xl change-log-modal"
             :show="changelog.show"
             :title="'{{ trans('updates.changelog') }}'"
             @cancel="changelog.show = false"