style: change introduction modal forms

Author: stabldev

frontend/src/lib/modals/modal-create-community/forms/introduction.svelte

@@ -61,7 +61,6 @@
     <h3 class="text-xl font-semibold text-info">Introduce your community</h3>
     <p class="text-sm">
       Give your community a name and a description that reflects its purpose and vibe.
-      <span class="hidden md:block">This will help others discover and connect with it.</span>
     </p>
   </div>
   <form class="flex items-start gap-6">
@@ -107,7 +106,7 @@
       <span class="text-sm font-medium">Preview</span>
       <div class="overflow-hidden rounded-2xl bg-neutral shadow-xl">
         <div
-          class="flex h-10 bg-base-content bg-cover bg-center"
+          class="flex h-10 bg-info bg-cover bg-center"
           style="background-image: url({introduction_data.cover});"
         >
           <input
@@ -132,7 +131,7 @@
             >
               <Avatar
                 src={introduction_data.avatar}
-                class="size-14 flex-shrink-0 !bg-base-content/25"
+                class="size-14 flex-shrink-0 !bg-base-content/15"
               />
               <input
                 id="community-avatar-upload"

frontend/src/lib/modals/modal-create-community/forms/topics.svelte

@@ -12,9 +12,6 @@
 <div>
   <div class="flex flex-col gap-2">
     <h3 class="text-xl font-semibold text-info">Choose topics</h3>
-    <p class="text-sm">
-      Select up to 3 topics that represent what your community is about. This will help people with
-      similar interests discover it.
-    </p>
+    <p class="text-sm">Select up to 3 topics that represent what your community is about.</p>
   </div>
 </div>

frontend/src/lib/modals/modal-create-community/index.svelte

@@ -52,7 +52,7 @@
 <BaseModal
   open={modalsStore.state.get('create_community') === true}
   onclose={handle_modal_close}
-  class="flex max-w-[25rem] flex-col gap-4 md:block md:max-w-[45rem]"
+  class="flex max-w-[25rem] flex-col gap-4 md:max-w-[45rem]"
 >
   {#await form then Form}
     <Form.default {forms_state} {update_forms_state} {goto_form} />