chore: update icons in playground

epicmaxco · Dec 7, 2023 · 5c3d99f · 5c3d99f
1 parent f20c0ff
commit 5c3d99f
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/packages/docs/modules/page-config/blocks/example/example-footer.vue b/packages/docs/modules/page-config/blocks/example/example-footer.vue
@@ -80,13 +80,12 @@
 
       <template #footer="{ ok }">
         <div class="flex gap-2 w-full px-5">
-          <VaInput :model-value="shareLink" label="Sandbox link" inner-label class="flex-1 w-full" />
-          <VaButton icon="share" preset="secondary" @click="copySandboxLink">
-            Share
-          </VaButton>
-          <VaButton @click="ok">
-            Hide
+          <VaInput v-if="$vaBreakpoint.smUp" :model-value="shareLink" label="Sandbox link" inner-label class="flex-1 w-full" />
+          <VaSpacer v-else />
+          <VaButton icon="content_copy" preset="secondary" @click="copySandboxLink">
+            Copy link
           </VaButton>
+          <VaButton preset="secondary" icon="close" @click="ok" />
         </div>
       </template>
     </VaModal>