fix(front): various UI improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2024-01-09 17:20:53 +01:00
parent 3b7124a57b
commit a6a1ab71c2
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
5 changed files with 14 additions and 7 deletions

View file

@ -149,6 +149,9 @@ body {
.taginput-autocomplete {
@apply flex-1 !drop-shadow-none;
}
.taginput-container {
@apply border-none;
}
.taginput-item:first-child {
@apply ml-2;
@ -162,12 +165,12 @@ body {
@apply max-h-[200px] drop-shadow-md text-black z-10;
}
.autocomplete-item {
@apply py-1.5 px-4 text-start;
.autocomplete .autocomplete-item {
@apply text-start p-0;
}
.autocomplete-item-group-title {
@apply opacity-50 py-0 px-2;
.autocomplete .autocomplete-item-group-title {
@apply opacity-50 py-1.5 px-2 dark:text-white dark:opacity-75;
}
/* Dropdown */

View file

@ -30,7 +30,9 @@
class="flex-1 min-w-[200px]"
>
<template v-slot="props">
<div class="dark:bg-violet-3 p-1 flex items-center gap-1">
<div
class="dark:bg-violet-3 p-1 flex items-center gap-1 flex-1 dark:text-white"
>
<div class="">
<img
v-if="
@ -41,6 +43,7 @@
width="24"
height="24"
alt=""
class="dark:fill-white"
/>
<o-icon v-else-if="props.option.icon" :icon="props.option.icon" />
<o-icon v-else icon="help-circle" />

View file

@ -6,7 +6,7 @@
<section>
<div
class="flex gap-1 flex-row mb-3 bg-mbz-yellow p-3 rounded items-center"
class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"
>
<o-icon
icon="alert"

View file

@ -1,6 +1,6 @@
<template>
<span
class="rounded-md truncate text-sm text-violet-title px-2 py-1"
class="rounded-md truncate text-sm text-black px-2 py-1"
:class="[
typeClasses,
capitalize,

View file

@ -27,6 +27,7 @@ export const orugaConfig = {
taginput: {
itemClass: "taginput-item",
rootClass: "taginput",
containerClass: "taginput-container",
autocompleteClasses: {
rootClass: "taginput-autocomplete",
inputClasses: {