fix(temas/tema): switch pill no longer deformed by cut/scoop families

The switch track is a pill (border-radius: 999px); applying data-shape made
corner-shape: bevel turn it into a hexagon (and scoop into a blob). Pills and
circles must not take shape families — same rule the avatar/thumb already
follow (pendiente.md). Dropped data-shape from the track; it stays round in
every family while the rectangles (card, button, badge, chips) still morph.
Verified: cut mode → switch corner-shape round / radius 999px.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
active-uix
dev 4 months ago
parent 27050a5a11
commit a8b390a8f2

@ -271,7 +271,9 @@
<button class="tp-btn tp-btn-ghost" data-shape={family}>Cola</button> <button class="tp-btn tp-btn-ghost" data-shape={family}>Cola</button>
<label class="tp-switch"> <label class="tp-switch">
<input type="checkbox" bind:checked={toggleOn} /> <input type="checkbox" bind:checked={toggleOn} />
<span class="tp-switch-track" data-shape={family}><span class="tp-switch-thumb"></span></span> <!-- the track is a pill (radius 999): shape families would bevel/scoop it into an
angular blob, so it stays rounded — same rule as the circular avatar/thumb. -->
<span class="tp-switch-track"><span class="tp-switch-thumb"></span></span>
<span class="tp-switch-label">Crossfade</span> <span class="tp-switch-label">Crossfade</span>
</label> </label>
</div> </div>

Loading…
Cancel
Save

Powered by TurnKey Linux.