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

Update components

Browse Source
This commit is contained in:
khatabwedaa
2021-05-27 20:49:44 +02:00
parent 0a517b3b18
commit 9744f9b326
7 changed files with 39 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ui/Dropdowns/Notification.vue
View File

@@ -1,7 +1,7 @@
<template>
<view-component :name="name" :code="code">
<div class="flex justify-end px-3 pt-6 pb-96 md:justify-center" slot="component">
<div class="relative">
<div class="relative inline-block">
<!-- Dropdown toggle button -->
<button @click="dropdownOpen = !dropdownOpen" class="relative z-10 block p-2 bg-white rounded-md dark:bg-gray-800 focus:outline-none">
<svg class="w-5 h-5 text-gray-800 dark:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">

2
components/ui/Dropdowns/Simple.vue
View File

@@ -1,7 +1,7 @@
<template>
<view-component :name="name" :code="code">
<div class="flex justify-end px-3 pt-6 pb-56 sm:justify-center" slot="component">
<div class="relative">
<div class="relative inline-block">
<!-- Dropdown toggle button -->
<button @click="dropdownOpen = !dropdownOpen" class="relative z-10 block p-2 bg-white rounded-md dark:bg-gray-800 focus:outline-none">
<svg class="w-5 h-5 text-gray-800 dark:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">

6
components/ui/Heros/ECommerce.vue
View File

@@ -2,8 +2,7 @@
<view-component :name="name" :code="code">
<div class="py-6" slot="component">
<header class="bg-white dark:bg-gray-800">
<nav class="shadow">
<div class="container px-6 py-3 mx-auto md:flex md:justify-between md:items-center">
<nav class="container px-6 py-4 mx-auto md:flex md:justify-between md:items-center">
<div class="flex items-center justify-between">
<div>
<a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a>
@@ -36,7 +35,6 @@
</a>
</div>
</div>
</div>
</nav>
<div class="container px-6 py-16 mx-auto">
@@ -67,7 +65,7 @@
isOpen: false,
code: `
<header class="bg-white dark:bg-gray-800">
<nav class="shadow">
<nav>
<div class="container px-6 py-3 mx-auto md:flex md:justify-between md:items-center">
<div class="flex items-center justify-between">
<div>

4
components/ui/Heros/WithBGImage.vue
View File

@@ -3,7 +3,7 @@
<div class="py-6" slot="component">
<header>
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-3 mx-auto ">
<div class="container px-6 py-4 mx-auto">
<div class="md:flex md:items-center md:justify-between">
<div class="flex items-center justify-between">
<div class="text-xl font-semibold text-gray-700">
@@ -51,7 +51,7 @@
code: `
<header>
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-3 mx-auto ">
<div class="container px-6 py-4 mx-auto">
<div class="md:flex md:items-center md:justify-between">
<div class="flex items-center justify-between">
<div class="text-xl font-semibold text-gray-700">

4
components/ui/Heros/WithSideImage.vue
View File

@@ -2,7 +2,7 @@
<view-component :name="name" :code="code">
<div class="py-6" slot="component">
<header class="bg-white dark:bg-gray-800">
<nav class="px-6 py-3 shadow">
<nav class="px-6 py-4 shadow">
<div class="items-center justify-between md:flex">
<div class="flex items-center justify-between">
<div>
@@ -61,7 +61,7 @@
isOpen: false,
code: `
<header class="bg-white dark:bg-gray-800">
<nav class="px-6 py-3 shadow">
<nav class="px-6 py-4 shadow">
<div class="items-center justify-between md:flex">
<div class="flex items-center justify-between">
<div>

4
components/ui/Navbars/ECommerce.vue
View File

@@ -2,7 +2,7 @@
<view-component :name="name" :code="code">
<div class="py-6" slot="component">
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-3 mx-auto md:flex md:justify-between md:items-center">
<div class="container px-6 py-4 mx-auto md:flex md:justify-between md:items-center">
<div class="flex items-center justify-between">
<div>
<a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a>
@@ -49,7 +49,7 @@
isOpen: false,
code: `
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-3 mx-auto md:flex md:justify-between md:items-center">
<div class="container px-6 py-4 mx-auto md:flex md:justify-between md:items-center">
<div class="flex items-center justify-between">
<div>
<a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a>

6
components/ui/Navbars/WithAvatar.vue
View File

@@ -2,7 +2,7 @@
<view-component :name="name" :code="code">
<div class="py-6" slot="component">
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-3 mx-auto">
<div class="container px-6 py-4 mx-auto">
<div class="md:flex md:items-center md:justify-between">
<div class="flex items-center justify-between">
<div class="text-xl font-semibold text-gray-700">
@@ -59,7 +59,7 @@
isOpen: false,
code: `
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-3 mx-auto">
<div class="container px-6 py-4 mx-auto">
<div class="md:flex md:items-center md:justify-between">
<div class="flex items-center justify-between">
<div class="text-xl font-semibold text-gray-700">
@@ -94,7 +94,7 @@
<button type="button" class="flex items-center focus:outline-none" aria-label="toggle profile dropdown">
<div class="w-8 h-8 overflow-hidden border-2 border-gray-400 rounded-full">
<img src="https://lh3.googleusercontent.com/a-/AOh14Gi0DgItGDTATTFV6lPiVrqtja6RZ_qrY91zg42o-g" class="object-cover w-full h-full" alt="avatar">
<img src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80" class="object-cover w-full h-full" alt="avatar">
</div>
<h3 class="mx-2 text-sm font-medium text-gray-700 dark:text-gray-200 md:hidden">Khatab wedaa</h3>