Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-10 07:25:34 +00:00
Code Issues Projects Releases Wiki Activity

Drop tailwind play

Browse Source
This commit is contained in:
khatabwedaa
2021-11-29 18:21:12 +02:00
parent 011a5fd1ed
commit be726655bb
66 changed files with 68 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ui/Cards/Article.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/4ldoMLp6Cm'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="max-w-2xl px-8 py-4 mx-auto bg-white rounded-lg shadow-md dark:bg-gray-800">
<div class="flex items-center justify-between">

2
components/ui/Cards/ArticleWithImage.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/qJrL5MCBiM'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="max-w-2xl mx-auto overflow-hidden bg-white rounded-lg shadow-md dark:bg-gray-800">
<img class="object-cover w-full h-64" src="https://images.unsplash.com/photo-1550439062-609e1531270e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="Article">

2
components/ui/Cards/ArticleWithSMIcons.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/j6P5jZqSfh'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="w-full max-w-sm px-4 py-3 mx-auto bg-white rounded-md shadow-md dark:bg-gray-800">
<div class="flex items-center justify-between">

2
components/ui/Cards/Product.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/vsESqicnHy'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="max-w-xs mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800">
<div class="px-4 py-2">

2
components/ui/Cards/ProductWithEvaluation.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/gmih0DXnHV'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="flex max-w-md mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800">
<div class="w-1/3 bg-cover" style="background-image: url('https://images.unsplash.com/photo-1494726161322-5360d4d0eeae?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80')"></div>

2
components/ui/Cards/SimpleProduct.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/YtK2HJTgmQ'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="flex flex-col items-center justify-center max-w-sm mx-auto">
<div class="w-full h-64 bg-gray-300 bg-center bg-cover rounded-lg shadow-md" style="background-image: url(https://images.unsplash.com/photo-1521903062400-b80f2cb8cb9d?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1050&q=80)"></div>

2
components/ui/Cards/Testimonial.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/P6weQfLvXr'">
<view-component :name="name" :code="code">
<div class="px-3 pt-16 pb-6" slot="component">
<div class="max-w-md px-8 py-4 mx-auto mt-16 bg-white rounded-lg shadow-lg dark:bg-gray-800">
<div class="flex justify-center -mt-16 md:justify-end">

2
components/ui/Cards/User.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/3z4AD1G8sU'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="max-w-xs mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800">
<img class="object-cover w-full h-56" src="https://images.unsplash.com/photo-1542156822-6924d1a71ace?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="avatar">

2
components/ui/Cards/UserWithDetails.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/k9lv2AY9sl'">
<view-component :name="name" :code="code">
<div class="px-3 py-6" slot="component">
<div class="max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800">
<img class="object-cover object-center w-full h-56" src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80" alt="avatar">