feat(front): [WIP] search modal layout

front/src/ui/modals/Search.vue

@@ -32,6 +32,13 @@ const isLoading = ref(false)
 const results = ref<null | components['schemas']['SearchResult']>(null)
 
 const search = async () => {
+
+  // If query has the shape of a federated object, search the federation
+
+
+  // Else, use the user database endpoint to search
+
+
   if (queryDebounced.value.length < 1) {
     isOpen.value = false
     return
@@ -169,16 +176,20 @@ const toggle = (id: QueryType): void => {
         autofocus
         icon="bi-search"
       />
-    </template>
+      <Button
-    <Layout flex>
+        v-bind="{[results? 'primary' : 'disabled']: true}"
-      <Spacer grow />
+        min-width
-      <Button @click="startRadio()">
+        @click="startRadio"
+      >
         {{ t('components.audio.podcast.Modal.button.startRadio') }}
       </Button>
-    </Layout>
+    </template>
-    <Section
+    <Spacer />
+    <template
       v-for="type in types"
       :key="type.id"
+    >
+      <Section
         :action="{ text: type.label, onClick: () => { toggle(type.id) } }"
         tiny-items
         align-left
@@ -197,5 +208,7 @@ const toggle = (id: QueryType): void => {
           <!-- TODO: Implement all the other cards here -->
         </template>
       </Section>
+      <Spacer />
+    </template>
   </Modal>
 </template>