feat(app): polish event type selector and branding mark

Refine the event type segmented control styling and avoid duplicate "Crewli" text in the sidebar header.

Made-with: Cursor

apps/app/src/components/events/CreateEventDialog.vue

@@ -162,22 +162,34 @@ function onSubmit() {
             </VCol>
 
             <VCol cols="12">
-              <VBtnToggle
+              <div class="text-caption text-medium-emphasis mb-1">
-                v-model="form.event_type"
+                Type
-                mandatory
+              </div>
-                color="primary"
+              <VSheet
-                variant="outlined"
+                border
-                divided
+                rounded="lg"
-                density="comfortable"
+                class="pa-1"
               >
-                <VBtn
+                <VBtnToggle
-                  v-for="opt in eventTypeOptions"
+                  v-model="form.event_type"
-                  :key="opt.value"
+                  mandatory
-                  :value="opt.value"
+                  class="w-100"
+                  density="comfortable"
                 >
-                  {{ opt.title }}
+                  <VBtn
-                </VBtn>
+                    v-for="opt in eventTypeOptions"
-              </VBtnToggle>
+                    :key="opt.value"
+                    :value="opt.value"
+                    class="flex-grow-1 text-none"
+                    rounded="lg"
+                    :color="form.event_type === opt.value ? 'primary' : undefined"
+                    :variant="form.event_type === opt.value ? 'tonal' : 'text'"
+                    style="min-inline-size: 0;"
+                  >
+                    {{ opt.title }}
+                  </VBtn>
+                </VBtnToggle>
+              </VSheet>
             </VCol>
 
             <VCol

apps/app/themeConfig.ts

@@ -12,10 +12,10 @@ export const { themeConfig, layoutConfig } = defineThemeConfig({
     logo: h(
       'span',
       {
-        class: 'crewli-wordmark text-h5 font-weight-bold',
+        class: 'crewli-mark text-h5 font-weight-bold',
         style: 'line-height: 1.2; letter-spacing: -0.02em; color: rgb(var(--v-theme-primary));',
       },
-      'Crewli',
+      'C',
     ),
     contentWidth: ContentWidth.Boxed,
     contentLayoutNav: AppContentLayoutNav.Vertical,