thepra/decePubClient
1
0 Fork 0
Code Issues Pull Requests Actions Projects Releases 1 Wiki Activity

Textareas take the boxes' radius

Browse Source 
Every daisyUI field reads --radius-field, 2rem in our themes: a pill on a one-line input, but on a textarea several
lines tall the curve ate into its first and last lines. A textarea now takes --radius-box (.75rem, the cards'); it
changes the variable daisyUI reads, so a rounded-* class at the call site still wins (the composer keeps its 1.4rem).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed 2026-10-06 21:42:06 +02:00
1 parent 24748168c0
commit b7ff917d8c
1 file changed
+5
Download Patch File Download Diff File Expand all files Collapse all files
Styles/neo.css
+5
View File
@@ -168,7 +168,12 @@
} }
} }
/* A field's radius (--radius-field, 2rem) makes a pill of a one-line input, but on a box several lines tall it curves
into the first and last lines: a textarea takes the boxes' radius. daisyUI reads the variable, so a rounded-* class
at the call site (the composer's) still wins. */
@utility textarea { @utility textarea {
--radius-field: var(--radius-box);
&:not(:where(.textarea-ghost)) { &:not(:where(.textarea-ghost)) {
background-color: var(--color-base-100); background-color: var(--color-base-100);
background-image: linear-gradient(145deg, var(--neo-grad-dark), var(--neo-grad-light)); background-image: linear-gradient(145deg, var(--neo-grad-dark), var(--neo-grad-light));