hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Improve TagInput design

Browse Source 
Related to #1917
This commit is contained in:
Massedil
2026-01-08 18:02:31 +01:00
parent 11a247d1e4
commit a978f36b33
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/assets/oruga-tailwindcss.css
View File

@@ -147,10 +147,13 @@ body {
/* TagInput */ /* TagInput */
.taginput { .taginput {
@apply rounded bg-white dark:bg-zinc-700; @apply items-center
}
.taginput-container {
@apply bg-white dark:bg-zinc-700 p-1;
} }
.taginput-item { .taginput-item {
@apply bg-primary mr-2; @apply bg-primary text-white text-base/8;
} }
.taginput-autocomplete { .taginput-autocomplete {
@apply flex-1 !drop-shadow-none; @apply flex-1 !drop-shadow-none;
@@ -161,17 +164,12 @@ body {
.taginput .autocomplete .dropdown-menu { .taginput .autocomplete .dropdown-menu {
@apply w-full; @apply w-full;
} }
.taginput-container { .taginput-container .o-icon{
@apply border-none; @apply align-sub;
} }
.o-taginput__counter {
.taginput-item:first-child { @apply whitespace-nowrap;
@apply ml-2;
} }
.taginput-input-wrapper {
@apply block;
}
/* Autocomplete */ /* Autocomplete */
.autocomplete { .autocomplete {
@apply max-h-[200px] drop-shadow-md text-black z-10; @apply max-h-[200px] drop-shadow-md text-black z-10;