improvement style content actions

vue-a11y · Oct 26, 2024 · 53d399e · 53d399e
1 parent 2d3c5ab
commit 53d399e
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -22,7 +22,7 @@ function returnVoiceTranscript(transcript) {
 <template>
   <Nucleus :config="configApp">
     <div class="content">
-      <h2>VoiceCapture Example</h2>
+      <h2>Voice Capture Example</h2>
       <div class="content-actions">
         <div class="example-actions">
           <button
@@ -162,4 +162,19 @@ function returnVoiceTranscript(transcript) {
   resize: vertical;
   height: 100px;
 }
+
+.content-actions {
+  display: flex;
+  gap: 20px;
+  button,
+  .language {
+    width: 50%;
+  }
+  @media (max-width: 800px) {
+    flex-direction: column;
+    .language {
+      width: 100%;
+    }
+  }
+}
 </style>