kris/roblox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chatgpt codex + cascade: update

Browse Source
This commit is contained in:
Kris
2025-12-28 11:12:59 +02:00
parent cc7b93c658
commit 30a903a2df
9 changed files with 32 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/games/[id]/content.tsx
View File

@@ -74,7 +74,7 @@ export default function GamePageContent({
return (
<div className="page-container py-6 space-y-6">
<div className="grid gap-6 lg:grid-cols-[2fr_1fr]">
<div className="panel overflow-hidden aspect-video">
<div className="panel overflow-hidden aspect-video rounded-full bg-black!">
<LazyLoadedImage
imgId={`GameThumbnail_${game.rootPlaceId}`}
alt={game.name}

15
app/globals.css
View File

@@ -3,10 +3,7 @@
body {
font-family:
var(--font-geist-sans),
"SF Pro Display",
"Segoe UI",
sans-serif;
var(--font-geist-sans), "SF Pro Display", "Segoe UI", sans-serif;
position: relative;
min-height: 100%;
background-attachment: fixed;
@@ -14,11 +11,7 @@ body {
}
.font-super-mono {
font-family:
var(--font-geist-mono),
"SF Mono",
"Segoe UI Mono",
monospace;
font-family: var(--font-geist-mono), "SF Mono", "Segoe UI Mono", monospace;
}
@layer base {
@@ -140,7 +133,9 @@ body {
text-decoration: underline;
text-decoration-color: hsl(var(--primary) / 0.35);
text-underline-offset: 0.18em;
transition: color 150ms ease, text-decoration-color 150ms ease;
transition:
color 150ms ease,
text-decoration-color 150ms ease;
}
a:hover {
text-decoration-color: hsl(var(--primary) / 0.85);

1
app/layout.tsx
View File

@@ -20,7 +20,6 @@ const geistMono = Geist_Mono({
subsets: ["latin"]
});
export const metadata: Metadata = {
title: "Home | Roblox",
description:

2
app/users/[id]/content.tsx
View File

@@ -23,8 +23,6 @@ function ProfileMoreDetails({ profile }: { profile: UserProfileDetails }) {
return (
<>
{!theirFriends && <Skeleton className="w-full h-64" />}
{/*
//@ts-expect-error */}
<FriendCarousel
title="Friends"
className="overflow-visible"

26
components/roblox/FriendCarousel.tsx
View File

@@ -1,6 +1,6 @@
import { useCurrentAccount } from "@/hooks/roblox/useCurrentAccount";
import { useFriendsPresence } from "@/hooks/roblox/usePresence";
import React, { ReactNode, useMemo } from "react";
import React, { useMemo } from "react";
import LazyLoadedImage from "../util/LazyLoadedImage";
import { StupidHoverThing } from "../util/MiscStuff";
import { VerifiedIcon } from "./RobloxIcons";
@@ -53,11 +53,11 @@ export function FriendCarousel({
}
return (
<div {...props}>
<h1 className="text-2xl pt-4 pl-4 -mb-4">{title}</h1>
<div className="rounded-xl flex flex-col gap-2 px-4 no-scrollbar">
<div className="relative" {...props}>
<h1 className="text-2xl pt-4 pl-4 -mb-4 pb-6">{title}</h1>
<div className="rounded-xl flex flex-col px-4 py-2 overflow-x-hidden no-scrollbar panel-soft">
<div
className="flex p-8 items-center gap-4 overflow-x-auto overflow-y-visible no-scrollbar pb-2 -mx-4 w-screen scrollbar-thin scrollbar-thumb-surface2 scrollbar-track-surface0"
className="flex p-8 items-center gap-4 overflow-x-auto overflow-y-visible no-scrollbar pb-4 -mx-4 w-screen scrollbar-thin scrollbar-thumb-surface2 scrollbar-track-surface0"
style={{
scrollSnapType: "x mandatory",
WebkitOverflowScrolling: "touch",
@@ -69,6 +69,7 @@ export function FriendCarousel({
(b) => b.userId === a.id
);
const userPresence = userStatus?.userPresenceType || 0;
/* dont touch these color thingys */
const borderColor =
userPresence === 1
? "border-blue/25 bg-blue/25"
@@ -107,15 +108,17 @@ export function FriendCarousel({
text={
<div className="text-center items-center justify-center content-center">
<span className="space-x-1 flex items-center">
<p>{a.displayName || a.name}</p>
<p className={textColor}>
{a.displayName || a.name}
</p>
{!a.hasVerifiedBadge ? (
<VerifiedIcon
useDefault
className={`w-4 h-4 shrink-0`}
className={`w-4 h-4 shrink-0 ${textColor}`}
/>
) : null}
{userPresence >= 2 ? (
<p>
<p className={textColor}>
{userStatus?.lastLocation}
</p>
) : null}
@@ -123,8 +126,10 @@ export function FriendCarousel({
</div>
}
>
<Link href={`/users/${a.id}`}>
<div className="flex flex-col min-w-[6.5rem]">
<Link
href={`/users/${a.id}`}
className="flex flex-col min-w-[6.5rem] relative"
>
<LazyLoadedImage
imgId={`AvatarHeadShot_${a.id}`}
alt={a.name}
@@ -142,7 +147,6 @@ export function FriendCarousel({
/>
) : null}
</span>
</div>
</Link>
</StupidHoverThing>
);

4
components/roblox/GameCard.tsx
View File

@@ -59,7 +59,7 @@ export const GameCard = React.memo(function GameCard({ game }: GameCardProps) {
onClick={() => setIsOpen(true)}
>
<div className="space-y-2">
<div className="panel group overflow-hidden aspect-video relative transition hover:-translate-y-0.5 hover:shadow-2xl">
<div className="panel group overflow-hidden aspect-video relative transition hover:-translate-y-0.5 hover:shadow-2xl bg-black!">
<div className="overflow-hidden">
{game.primaryMediaAsset ? (
<LazyLoadedImage
@@ -73,7 +73,7 @@ export const GameCard = React.memo(function GameCard({ game }: GameCardProps) {
size="384x216" // match game thumbnail size
/>
) : (
<div className="w-full h-full flex items-center justify-center bg-muted">
<div className="w-full h-full flex items-center justify-center bg-transparent">
<span className="text-muted-foreground">
{":("}
</span>

1
components/roblox/UserProfileHeader.tsx
View File

@@ -19,7 +19,6 @@ import Link from "next/link";
import { UserProfileDetails } from "@/lib/profile";
export function UserProfileHeader({ user }: { user: UserProfileDetails }) {
if (!user) {
return (
<div className="justify-center w-screen px-8 py-6">

5
components/ui/card.tsx
View File

@@ -8,10 +8,7 @@ const Card = React.forwardRef<
>(({ className, ...props }, ref) => (
<div
ref={ref}
className={cn(
"panel-soft text-card-foreground shadow-sm",
className
)}
className={cn("panel-soft text-card-foreground shadow-sm", className)}
{...props}
/>
));