tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

(feat): add border radius option
Some checks failed
/ build-desktop (linux) (push) Failing after 28s
Details
/ build-web (push) Failing after 33s
Details
/ build-mobile (push) Failing after 55s
Details
/ release (push) Has been skipped
Details

Browse source
This commit is contained in:
Alois 2026-06-18 15:14:06 +02:00
commit 94e9a67f6e
6 changed files with 200 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/web/src/features/conversation/list/switch.tsx
View file

@ -23,10 +23,10 @@ export default function Switch(props: {
return (
<div
role="tablist"
className="border relative grid grid-cols-2 rounded-full bg-card p-1 select-none"
className="border relative grid grid-cols-2 rounded-4xl bg-card p-1 select-none"
>
<div
className="absolute top-1 bottom-1 rounded-full bg-input shadow-sm transition-all duration-300 ease-in-out"
className="absolute top-1 bottom-1 rounded-4xl bg-input shadow-sm transition-all duration-300 ease-in-out"
style={{
left: props.category === "conversations" ? "0.25rem" : "50%",
width: "calc(50% - 0.25rem)",
@ -35,7 +35,7 @@ export default function Switch(props: {
<button
role="tab"
aria-selected={props.category === "conversations"}
className={`relative z-10 w-full cursor-pointer rounded-full px-2.5 py-1.5 text-center text-sm font-medium transition-colors duration-300 ${
className={`relative z-10 w-full cursor-pointer rounded-4xl px-2.5 py-1.5 text-center text-sm font-medium transition-colors duration-300 ${
props.category === "conversations"
? "text-foreground"
: "text-ring/50 hover:text-ring"
@ -47,7 +47,7 @@ export default function Switch(props: {
<button
role="tab"
aria-selected={props.category === "communities"}
className={`relative z-10 w-full cursor-pointer rounded-full px-2.5 py-1.5 text-center text-sm font-medium transition-colors duration-300 ${
className={`relative z-10 w-full cursor-pointer rounded-4xl px-2.5 py-1.5 text-center text-sm font-medium transition-colors duration-300 ${
props.category === "communities"
? "text-foreground"
: "text-ring/50 hover:text-ring"