arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-26 18:00:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(playground): improve design

Browse Source
This commit is contained in:
Benjamin Canac
2023-07-19 16:56:52 +02:00
parent 208acca1e9
commit dbcb02d0ea
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
playground/app.vue
View File

@@ -1,7 +1,23 @@
<template> <template>
<UContainer class="min-h-screen flex items-center"> <UContainer class="min-h-screen flex items-center">
<UCard class="flex-1 text-center"> <UCard class="flex-1" :ui="{ background: 'bg-gray-50 dark:bg-gray-800/50', ring: 'ring-1 ring-gray-300 dark:ring-gray-700', divide: 'divide-y divide-gray-300 dark:divide-gray-700', header: { base: 'font-bold' } }">
Welcome to the playground! <template #header>
Welcome to the playground!
</template>
<p class="text-gray-500 dark:text-gray-400">
Try your components here!
</p>
</UCard> </UCard>
</UContainer> </UContainer>
</template> </template>
<script setup>
</script>
<style>
body {
@apply antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900;
}
</style>