UI/UX improvements

This commit is contained in:
Čarodej
2022-02-01 16:01:57 +01:00
parent b38b532cbe
commit b751429dc5
16 changed files with 174 additions and 293 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div :class="{ 'mb-7': !isLast }" class="w-full justify-between space-y-4 sm:flex sm:space-x-8 sm:space-x-2 sm:space-y-0">
<div :class="{ 'sm:mb-7 mb-6': !isLast }" class="w-full justify-between space-y-4 sm:flex sm:space-x-8 sm:space-x-2 sm:space-y-0">
<!--Label for input-->
<div class="leading-5">
<label class="mb-1.5 block text-sm font-bold text-gray-700 dark:text-gray-200"> {{ title }}: </label>
@@ -15,7 +15,7 @@
<!--Form element-->
<div>
<slot></slot>
<slot />
</div>
</div>
</template>

View File

@@ -1,5 +1,5 @@
<template>
<div :class="{ 'mb-7': !isLast }" class="flex w-full items-center justify-between space-x-2 sm:space-x-8">
<div :class="{ 'sm:mb-7 mb-6': !isLast }" class="flex w-full items-center justify-between space-x-2 sm:space-x-8">
<!--Label for input-->
<div class="leading-5">
<label class="mb-1.5 block text-sm font-bold text-gray-700 dark:text-gray-200"> {{ title }}: </label>
@@ -15,7 +15,7 @@
<!--Form element-->
<div>
<slot></slot>
<slot />
</div>
</div>
</template>

View File

@@ -1,10 +1,10 @@
<template>
<div :class="{ 'mb-7': !isLast }">
<div :class="{ 'sm:mb-7 mb-6': !isLast }">
<!--Label for input-->
<label v-if="title" class="mb-1.5 block text-sm font-bold text-gray-700 dark:text-gray-200"> {{ title }}: </label>
<!--Form element-->
<slot></slot>
<slot />
<!--Input Description-->
<span v-if="error" class="pt-2 text-xs text-red-800">