valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reduce button size in RandomGenerator and ExpressionPanel

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-02 15:42:47 +01:00
parent b1e79e1808
commit fe7dce1cde
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/calculate/ExpressionPanel.tsx
View File

@@ -162,7 +162,7 @@ export function ExpressionPanel() {
onClick={handleSubmit} onClick={handleSubmit}
disabled={!expression.trim()} disabled={!expression.trim()}
className={cn( className={cn(
'mt-2 w-full py-2 rounded-lg text-sm font-medium transition-all', 'mt-2 w-full py-2 rounded-lg text-xs font-medium transition-all',
'bg-primary/90 text-primary-foreground hover:bg-primary', 'bg-primary/90 text-primary-foreground hover:bg-primary',
'disabled:opacity-30 disabled:cursor-not-allowed' 'disabled:opacity-30 disabled:cursor-not-allowed'
)} )}

4
components/random/RandomGenerator.tsx
View File

@@ -384,7 +384,7 @@ export function RandomGenerator() {
<button <button
onClick={generate} onClick={generate}
disabled={generating} disabled={generating}
className="flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl border border-primary/30 bg-primary/[0.08] hover:border-primary/55 hover:bg-primary/[0.15] text-sm font-medium text-primary transition-all duration-200 disabled:opacity-50" className="flex-1 flex items-center justify-center gap-1.5 px-3 py-2 rounded-lg border border-primary/30 bg-primary/[0.08] hover:border-primary/55 hover:bg-primary/[0.15] text-xs font-medium text-primary transition-all duration-200 disabled:opacity-50"
> >
<RefreshCw className={cn('w-3.5 h-3.5', generating && 'animate-spin')} /> <RefreshCw className={cn('w-3.5 h-3.5', generating && 'animate-spin')} />
Generate Generate
@@ -392,7 +392,7 @@ export function RandomGenerator() {
<button <button
onClick={() => copy()} onClick={() => copy()}
disabled={!output} disabled={!output}
className="flex items-center gap-2 px-4 py-2.5 rounded-xl glass border border-border/30 text-xs font-mono text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-30" className="flex items-center gap-1.5 px-3 py-2 rounded-lg glass border border-border/30 text-xs font-mono text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-30"
> >
{copied ? <Check className="w-3.5 h-3.5" /> : <Copy className="w-3.5 h-3.5" />} {copied ? <Check className="w-3.5 h-3.5" /> : <Copy className="w-3.5 h-3.5" />}
{copied ? 'Copied' : 'Copy'} {copied ? 'Copied' : 'Copy'}