From de1275e2d8495281f188911303ca21ea0cce7ea7 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 9 Mar 2025 22:13:50 +0800
Subject: [PATCH] fix disabled button style.

---
 src/components.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components.css b/src/components.css
index 485c9d6..4868139 100644
--- a/src/components.css
+++ b/src/components.css
@@ -108,11 +108,13 @@
       font-size: calc(var(--font-size) * 1.6);
     }
     &:hover:not(:disabled) {
-      --button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
+      color: var(--button-surface);
+      background-color: color-mix(in oklch, var(--button-surface) 8%, transparent);
       box-shadow: var(--elevation-1-ambient), var(--elevation-1-umbra);
     }
     &:active:not(:disabled) {
-      --button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
+      color: var(--button-surface);
+      background-color: color-mix(in oklch, var(--button-surface) 18%, transparent);
       box-shadow: var(--elevation-0);
     }
     &:disabled {
@@ -423,6 +425,11 @@
       border-radius: 0;
       background-color: transparent;
     }
+    &.auto_width {
+      flex: 1 1;
+      display: inline-block;
+      width: auto;
+    }
     &:focus {
       outline: none;
     }