From 59daa1ff08c319c1ad11c929aed5dba82237ee8a Mon Sep 17 00:00:00 2001 From: James Collins Date: Sun, 21 May 2023 17:51:27 +1000 Subject: [PATCH] fix disabling css --- resources/js/components/SMButton.vue | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue index f5eef50..df93f1a 100644 --- a/resources/js/components/SMButton.vue +++ b/resources/js/components/SMButton.vue @@ -285,9 +285,8 @@ const handleClickItem = (item: string) => { cursor: not-allowed; } - &.disabled &:disabled, - &.primary:disabled, - &.primary.disabled { + &.disabled, + &:disabled { color: var(--button-disabled-color-text) !important; background-color: var(--button-disabled-color) !important; box-shadow: none; @@ -319,6 +318,10 @@ const handleClickItem = (item: string) => { background-color: var(--button-danger-color); color: var(--button-danger-color-text); } + + & + .button { + margin-left: 1rem; + } } @media only screen and (max-width: 768px) {