@@ -39,7 +39,7 @@ export function InlayContainer({ routes }: InlayContainerProps) {
))}
diff --git a/packages/react/src/components/org/OrgPicker.tsx b/packages/react/src/components/org/OrgPicker.tsx
index edc27603d..36f2e436a 100644
--- a/packages/react/src/components/org/OrgPicker.tsx
+++ b/packages/react/src/components/org/OrgPicker.tsx
@@ -44,10 +44,10 @@ export function OrgSelectorCombobox() {
role="combobox"
aria-expanded={open}
className={cn(
- "inline-flex min-h-8 w-full items-center justify-between rounded-md bg-base-3 pl-4 pr-2 py-1",
- "text-lg font-medium text-left text-base-12 transition",
+ "inline-flex min-h-8 w-full items-center justify-between rounded-md bg-base-3 py-1 pl-4 pr-2",
+ "text-left text-lg font-medium text-base-12 transition",
"hover:bg-primary-5 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-7 active:scale-[97%] active:bg-primaryA-7 disabled:pointer-events-none disabled:opacity-50",
- open && "ring-2 ring-primary-9 hover:bg-base-5 bg-base-4",
+ open && "bg-base-4 ring-2 ring-primary-9 hover:bg-base-5",
)}
>
{orgs.find((org) => org.name === currentOrg.name)?.name ||
diff --git a/packages/react/src/components/player/PlayerDescription.tsx b/packages/react/src/components/player/PlayerDescription.tsx
index bd087a380..e44b67f2e 100644
--- a/packages/react/src/components/player/PlayerDescription.tsx
+++ b/packages/react/src/components/player/PlayerDescription.tsx
@@ -14,7 +14,7 @@ export function PlayerDescription({
const [isExpanded, setIsExpanded] = useState(defaultExpanded);
return (
-
+
+
diff --git a/packages/react/src/components/tldex/TLChat.tsx b/packages/react/src/components/tldex/TLChat.tsx
index 0cd96a599..b60e800a8 100644
--- a/packages/react/src/components/tldex/TLChat.tsx
+++ b/packages/react/src/components/tldex/TLChat.tsx
@@ -41,7 +41,7 @@ const TLChatItem = forwardRef<
>((props, ref) => (
));
diff --git a/packages/react/src/components/video/VideoCard.tsx b/packages/react/src/components/video/VideoCard.tsx
index 2b4e4b1fb..e861bc56b 100644
--- a/packages/react/src/components/video/VideoCard.tsx
+++ b/packages/react/src/components/video/VideoCard.tsx
@@ -187,7 +187,7 @@ export function VideoCard({
-
+
{(size == "lg" || size == "md") && video.channel && (
{status === "live" && (
-
+
{t("component.videoCard.liveNow")}
@@ -323,7 +323,7 @@ function VideoCardDuration({
return durationMs ?? status === "upcoming" ? (
cn(
- "border-blue-6 hover:bg-blue-3 flex w-full cursor-pointer items-center justify-center rounded-md border-2 py-2 text-lg transition-all active:scale-[97%] select-none",
+ "flex w-full cursor-pointer select-none items-center justify-center rounded-md border-2 border-blue-6 py-2 text-lg transition-all hover:bg-blue-3 active:scale-[97%]",
{
"bg-blue-7 border-blue-8 hover:bg-blue-6": type === typeId,
},
diff --git a/packages/react/src/routes/about/request.tsx b/packages/react/src/routes/about/request.tsx
index d21769b15..26ebb1653 100644
--- a/packages/react/src/routes/about/request.tsx
+++ b/packages/react/src/routes/about/request.tsx
@@ -64,7 +64,7 @@ function RequestTypeRadioButton({
return (
-
+
-
+
{channel?.org}
{channel?.group && ` / ${channel?.group}`}
{channel?.name}
-
+
{t("component.channelInfo.subscriberCount", {
n: formatCount(channel?.subscriber_count ?? "0"),
})}
diff --git a/packages/react/src/routes/channel/ChannelAbout.tsx b/packages/react/src/routes/channel/ChannelAbout.tsx
index 9b12101aa..306b2f977 100644
--- a/packages/react/src/routes/channel/ChannelAbout.tsx
+++ b/packages/react/src/routes/channel/ChannelAbout.tsx
@@ -8,10 +8,10 @@ export default function ChannelAbout() {
return (
-
+
{channel.description}
-
+
{t("component.channelInfo.stats")}
diff --git a/packages/react/src/routes/orgChannels.tsx b/packages/react/src/routes/orgChannels.tsx
index 17bc9a1ed..7ec2467ca 100644
--- a/packages/react/src/routes/orgChannels.tsx
+++ b/packages/react/src/routes/orgChannels.tsx
@@ -54,7 +54,7 @@ export default function ChannelsOrg() {
>