From 2fad54fd2614b211bba86583188c2eae5f29f63b Mon Sep 17 00:00:00 2001 From: Colin Kallemein Date: Wed, 16 Oct 2024 22:23:00 +0200 Subject: [PATCH] More styling tweaks, updated confirmation modal --- src/assets/scss/main.scss | 8 ++++---- .../utilities/ConfirmationModal.vue | 20 ++++++++----------- src/components/utilities/Modal.vue | 8 ++++---- src/screens/Characters.vue | 13 ++++++------ 4 files changed, 23 insertions(+), 26 deletions(-) diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss index 08c3837..bd77ab3 100644 --- a/src/assets/scss/main.scss +++ b/src/assets/scss/main.scss @@ -61,7 +61,7 @@ input { } .input-field { - @apply px-4 py-2.5 text-base focus-visible:outline-none bg-gray border border-solid border-gray-500 rounded text-gray-300; + @apply px-4 py-2.5 text-base leading-5 focus-visible:outline-none bg-gray border border-solid border-gray-500 rounded text-gray-300; &.inactive { @apply bg-gray-600/50 hover:cursor-not-allowed; &::placeholder { @@ -87,7 +87,7 @@ button { @apply text-center; &.btn-cyan { - @apply bg-cyan text-gray-50 text-base rounded py-2.5; + @apply bg-cyan text-gray-50 text-base leading-5 rounded py-2.5; &.active, &:hover { @@ -96,7 +96,7 @@ button { } &.btn-red { - @apply bg-red text-gray-50 text-base rounded py-2.5; + @apply bg-red text-gray-50 text-base leading-5 rounded py-2.5; &.active, &:hover { @@ -105,7 +105,7 @@ button { } &.btn-empty { - @apply text-gray-50 border-2 border-solid border-gray-500 text-base rounded py-2.5; + @apply text-gray-50 border-2 border-solid border-gray-500 text-base leading-5 rounded py-2.5; &.active, &:hover { diff --git a/src/components/utilities/ConfirmationModal.vue b/src/components/utilities/ConfirmationModal.vue index f379fc3..d868c5f 100644 --- a/src/components/utilities/ConfirmationModal.vue +++ b/src/components/utilities/ConfirmationModal.vue @@ -38,24 +38,20 @@ const modalOpened = ref(props.modalOpened)