fix: restore bg-cream-1 and fix modal size classes

Author: zorexsalvo

static/css/app.css

@@ -2418,6 +2418,9 @@
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
+  .w-11\/12 {
+    width: calc(11 / 12 * 100%);
+  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -2478,6 +2481,9 @@
   .w-full {
     width: 100%;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
   .max-w-3xl {
     max-width: var(--container-3xl);
   }

templates/includes/announcement_modal.html

@@ -5,7 +5,7 @@
 
 {% if latest_announcement %}
 <dialog id="announcement-modal" class="modal" open>
-    <div class="modal-box {% if latest_announcement.modal_size == 'lg' %}lg:max-w-2xl{% elif latest_announcement.modal_size == 'xl' %}lg:max-w-4xl{% else %}lg:max-w-lg{% endif %}">
+    <div class="modal-box bg-cream-1 {% if latest_announcement.modal_size == 'lg' %}w-11/12 max-w-2xl{% elif latest_announcement.modal_size == 'xl' %}w-11/12 max-w-4xl{% endif %}">
         <h3 class="font-bold text-lg">📢 {{ latest_announcement.title }}</h3>
         <div class="py-4">
             {{ latest_announcement.content|safe }}