Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 14:43:23 +00:00
Code Issues Projects Releases Wiki Activity

fix dropdown space

Browse Source
This commit is contained in:
khatabwedaa
2022-01-01 12:29:39 +02:00
parent 7b3b51a482
commit 2d0ab3cf74
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Dropdowns/MultiLevel.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<view-component :name="name" :code="code"> <view-component :name="name" :code="code">
<div class="flex justify-end px-3 pt-6 pb-104 sm:justify-center" slot="component"> <div class="flex justify-end px-3 pt-6 pb-[26rem] sm:justify-center" slot="component">
<div class="relative inline-block "> <div class="relative inline-block">
<!-- Dropdown toggle button --> <!-- Dropdown toggle button -->
<button @click="isOpen = !isOpen" class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none"> <button @click="isOpen = !isOpen" class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor">

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

@@ -1,6 +1,6 @@
<template> <template>
<view-component :name="name" :code="code"> <view-component :name="name" :code="code">
<div class="flex justify-end px-3 pt-6 pb-104 sm:justify-center" slot="component"> <div class="flex justify-end px-3 pt-6 pb-[26rem] sm:justify-center" slot="component">
<div class="relative inline-block "> <div class="relative inline-block ">
<!-- Dropdown toggle button --> <!-- Dropdown toggle button -->
<button @click="isOpen = !isOpen" class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none"> <button @click="isOpen = !isOpen" class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none">

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

@@ -1,6 +1,6 @@
<template> <template>
<view-component :name="name" :code="code"> <view-component :name="name" :code="code">
<div class="flex justify-end px-3 pt-6 pb-128 sm:justify-center" slot="component"> <div class="flex justify-end px-3 pt-6 pb-[32rem] sm:justify-center" slot="component">
<div class="relative inline-block "> <div class="relative inline-block ">
<!-- Dropdown toggle button --> <!-- Dropdown toggle button -->
<button @click="isOpen = !isOpen" class="relative z-10 flex items-center p-2 text-sm text-gray-600 bg-white border border-transparent rounded-md focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:text-white dark:bg-gray-800 focus:outline-none"> <button @click="isOpen = !isOpen" class="relative z-10 flex items-center p-2 text-sm text-gray-600 bg-white border border-transparent rounded-md focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:text-white dark:bg-gray-800 focus:outline-none">

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

@@ -1,6 +1,6 @@
<template> <template>
<view-component :name="name" :code="code"> <view-component :name="name" :code="code">
<div class="flex justify-end px-3 pt-6 pb-128 sm:justify-center" slot="component"> <div class="flex justify-end px-3 pt-6 pb-[32rem] sm:justify-center" slot="component">
<div class="relative inline-block "> <div class="relative inline-block ">
<!-- Dropdown toggle button --> <!-- Dropdown toggle button -->
<button @click="isOpen = !isOpen" class="relative z-10 flex items-center p-2 text-sm text-gray-600 bg-white border border-transparent rounded-md focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:text-white dark:bg-gray-800 focus:outline-none"> <button @click="isOpen = !isOpen" class="relative z-10 flex items-center p-2 text-sm text-gray-600 bg-white border border-transparent rounded-md focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:text-white dark:bg-gray-800 focus:outline-none">