diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css index 619c5af46..41a417086 100644 --- a/src/assets/oruga-tailwindcss.css +++ b/src/assets/oruga-tailwindcss.css @@ -26,13 +26,13 @@ body { @apply opacity-50 cursor-not-allowed; } .btn-danger { - @apply bg-mbz-danger hover:bg-mbz-danger/90; + @apply border-2 bg-mbz-danger hover:bg-mbz-danger/90 text-white; } .btn-success { - @apply bg-mbz-success; + @apply border-2 bg-mbz-success text-white; } .btn-warning { - @apply bg-mbz-warning text-black hover:bg-mbz-warning/90 hover:text-slate-800; + @apply border-2 bg-mbz-warning text-black hover:bg-mbz-warning/90 hover:text-slate-800; } .btn-text { @apply bg-transparent border-transparent text-black dark:text-white font-normal underline hover:bg-zinc-200 hover:text-black; @@ -42,13 +42,13 @@ body { @apply bg-transparent text-black dark:text-white font-semibold py-2 px-4 border border-mbz-bluegreen dark:border-violet-3; } .btn-outlined-success { - @apply border-2 border-mbz-success bg-transparent text-mbz-success hover:bg-mbz-success; + @apply border-2 border-mbz-success bg-transparent text-mbz-success hover:bg-mbz-success hover:text-white; } .btn-outlined-warning { @apply bg-transparent border dark:text-white hover:dark:text-slate-900 hover:bg-mbz-warning border-mbz-warning; } .btn-outlined-danger { - @apply border-2 bg-transparent border-mbz-danger text-mbz-danger hover:bg-mbz-danger; + @apply border-2 bg-transparent border-mbz-danger text-mbz-danger hover:bg-mbz-danger hover:text-white; } .btn-outlined-text { @apply bg-transparent hover:text-slate-900; @@ -97,6 +97,15 @@ body { .input { @apply appearance-none box-border rounded border w-full py-2 px-3 text-black leading-tight dark:bg-zinc-600 dark:placeholder:text-zinc-400 dark:text-zinc-50; } +.input-size-small { + @apply text-sm; +} +.input-size-medium { + @apply text-base; +} +.input-size-large { + @apply text-xl; +} .input-danger { @apply border-red-500; } @@ -205,7 +214,7 @@ body { /* Select */ .select { - @apply dark:bg-zinc-600 dark:placeholder:text-zinc-400 dark:text-zinc-50 rounded pl-2 pr-8 border-2 border-transparent h-10 shadow-none border rounded w-full; + @apply dark:bg-zinc-600 dark:placeholder:text-zinc-400 dark:text-zinc-50 pl-2 pr-8 border-2 border-transparent h-10 shadow-none rounded w-full; } /* Radio */ diff --git a/src/components/PictureUpload.vue b/src/components/PictureUpload.vue index da6494752..84a94d0ad 100644 --- a/src/components/PictureUpload.vue +++ b/src/components/PictureUpload.vue @@ -8,7 +8,7 @@ drag-drop >