fix disabling css

2023-05-21 17:51:27 +10:00
parent 04044673e2
commit 59daa1ff08
1 changed files with 6 additions and 3 deletions
--- 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) {