diff --git a/index.html b/index.html index 2db6bcb..0366fde 100644 --- a/index.html +++ b/index.html @@ -43,7 +43,7 @@ @layer product { [hidden] { display: none !important; } - .kfu-*, .kfu-::before, .kfu-::after, .kfu-topbar *, .kfu-topbar *::before, .kfu-topbar *::after, .kfu-wrap *, .kfu-wrap *::before, .kfu-wrap *::after, .kfu-drawer *, .kfu-drawer *::before, .kfu-drawer *::after { box-sizing: border-box; } + *, *::before, *::after { box-sizing: border-box; } a.kt-ai-btn { text-decoration: none; } body { background: var(--kfu-bg); } .kt-ai-sidebar { display: none !important; } @@ -110,9 +110,9 @@ .kfu-search { position: relative; flex: 0 1 300px; min-width: 200px; } .kfu-search svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; color: var(--kfu-ink-3); pointer-events: none; } - .kfu-search input { width: 100%; height: 34px; padding: 0 12px 0 32px; border-radius: var(--kfu-radius-sm); - border: 1px solid var(--kfu-border-2); background: var(--kfu-surface); font-size: 13px; color: var(--kfu-ink); - transition: border-color .12s, box-shadow .12s; } + .kfu-search input { box-sizing: border-box; width: 100%; max-width: 100%; height: 34px; padding: 0 12px 0 32px; + border-radius: var(--kfu-radius-sm); border: 1px solid var(--kfu-border-2); background: var(--kfu-surface); + font-size: 13px; color: var(--kfu-ink); transition: border-color .12s, box-shadow .12s; } .kfu-search input:focus { outline: none; border-color: var(--kfu-accent); box-shadow: 0 0 0 3px var(--kfu-accent-soft); } .kfu-search input::placeholder { color: var(--kfu-ink-3); } .kfu-chip-filter { display: inline-flex; align-items: center; height: 32px; padding: 0 14px;