mirror of
https://github.com/arkorty/Osborne.git
synced 2026-03-17 16:51:44 +00:00
style
This commit is contained in:
@@ -573,7 +573,7 @@ const Room = () => {
|
|||||||
<HoverCard>
|
<HoverCard>
|
||||||
<HoverCardTrigger>
|
<HoverCardTrigger>
|
||||||
<Button
|
<Button
|
||||||
className="text-sm text-foreground dark:text-background bg-chart-1 hover:bg-chart-1/80 font-bold"
|
className="text-foreground bg-secondary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
navigator.clipboard.writeText(roomCode);
|
navigator.clipboard.writeText(roomCode);
|
||||||
alert("Room code copied to clipboard!");
|
alert("Room code copied to clipboard!");
|
||||||
@@ -590,7 +590,7 @@ const Room = () => {
|
|||||||
<HoverCardTrigger>
|
<HoverCardTrigger>
|
||||||
<Button
|
<Button
|
||||||
variant="default"
|
variant="default"
|
||||||
className="bg-primary w-10 hover:bg-primary/80 p-1"
|
className="bg-secondary w-10 hover:bg-secondary/80"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
navigator.clipboard.writeText(window.location.href);
|
navigator.clipboard.writeText(window.location.href);
|
||||||
alert("Room link copied to clipboard!");
|
alert("Room link copied to clipboard!");
|
||||||
@@ -598,7 +598,7 @@ const Room = () => {
|
|||||||
>
|
>
|
||||||
<Link2
|
<Link2
|
||||||
size={16}
|
size={16}
|
||||||
className="text-foreground dark:text-background"
|
className="text-foreground"
|
||||||
/>
|
/>
|
||||||
</Button>
|
</Button>
|
||||||
</HoverCardTrigger>
|
</HoverCardTrigger>
|
||||||
@@ -609,7 +609,7 @@ const Room = () => {
|
|||||||
<HoverCard>
|
<HoverCard>
|
||||||
<HoverCardTrigger>
|
<HoverCardTrigger>
|
||||||
<Button
|
<Button
|
||||||
className="bg-destructive w-10 hover:bg-destructive/80 p-1"
|
className="bg-destructive w-10 hover:bg-destructive/80"
|
||||||
variant="destructive"
|
variant="destructive"
|
||||||
onClick={() => router.push("/")}
|
onClick={() => router.push("/")}
|
||||||
>
|
>
|
||||||
@@ -625,13 +625,13 @@ const Room = () => {
|
|||||||
<HoverCard>
|
<HoverCard>
|
||||||
<HoverCardTrigger>
|
<HoverCardTrigger>
|
||||||
<Button
|
<Button
|
||||||
className="text-sm w-10 bg-chart-1 hover:bg-chart-1/80 dark:text-foreground font-medium"
|
className="w-10 bg-chart-2 hover:bg-chart-2/80"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
console.log('Upload button clicked');
|
console.log('Upload button clicked');
|
||||||
fileInputRef.current?.click();
|
fileInputRef.current?.click();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Upload size={16} />
|
<Upload size={16} className="text-foreground" />
|
||||||
</Button>
|
</Button>
|
||||||
</HoverCardTrigger>
|
</HoverCardTrigger>
|
||||||
<HoverCardContent className="py-1 px-2 w-auto text-xs border-foreground">
|
<HoverCardContent className="py-1 px-2 w-auto text-xs border-foreground">
|
||||||
@@ -641,7 +641,7 @@ const Room = () => {
|
|||||||
<HoverCard>
|
<HoverCard>
|
||||||
<HoverCardTrigger>
|
<HoverCardTrigger>
|
||||||
<Button
|
<Button
|
||||||
className="text-sm w-10 bg-chart-3 hover:bg-chart-3/80 dark:text-foreground font-medium"
|
className="w-10 bg-chart-4 hover:bg-chart-4/80"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
const nextTheme = getNextTheme(currentThemeId);
|
const nextTheme = getNextTheme(currentThemeId);
|
||||||
setCurrentThemeId(nextTheme.id);
|
setCurrentThemeId(nextTheme.id);
|
||||||
@@ -650,9 +650,9 @@ const Room = () => {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{getThemeById(currentThemeId)?.type === "dark" ? (
|
{getThemeById(currentThemeId)?.type === "dark" ? (
|
||||||
<Sun size={16} />
|
<Sun size={16} className="text-foreground" />
|
||||||
) : (
|
) : (
|
||||||
<Moon size={16} />
|
<Moon size={16} className="text-foreground" />
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</HoverCardTrigger>
|
</HoverCardTrigger>
|
||||||
|
|||||||
Reference in New Issue
Block a user