dylan/gander
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

REFACTOR: Update navbar position in project component hierarchy;

Browse Source 
UPDATE: Add navbar 'no-searchbar' variant;

+ last commit - MINOR: Handle of new ChatContext
This commit is contained in:
Chris-1010
2025-02-26 13:23:42 +00:00
parent de68651685
commit d36eaffafb
7 changed files with 57 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/pages/CategoryPage.tsx
View File

@@ -96,16 +96,7 @@ const CategoryPage: React.FC = () => {
if (hasMoreData && !streams.length) return <LoadingScreen />;
return (
<DynamicPageContent className="min-h-screen bg-gradient-radial from-[#ff00f1] via-[#0400ff] to-[#ff0000] bg-[url(/images/background-pattern.svg)]"style={{ scrollbarWidth: "none", msOverflowStyle: "none" }}
>
{/* Hide Scrollbar for WebKit-based Browsers */}
<style>
{`
::-webkit-scrollbar {
display: none;
}
`}
</style>
<DynamicPageContent className="min-h-screen bg-gradient-radial from-[#ff00f1] via-[#0400ff] to-[#ff0000]">
<div className="pt-8">
<ListRow
type="stream"

14
frontend/src/pages/HomePage.tsx
View File

@@ -25,23 +25,15 @@ const HomePage: React.FC<HomePageProps> = ({ variant = "default" }) => {
};
if (!categories || categories.length === 0) {
console.log("No categories found yet");
return <LoadingScreen>Loading Categories...</LoadingScreen>;
}
return (
<DynamicPageContent
navbarVariant="home"
className="h-full min-h-screen bg-[url(/images/background-pattern.svg)] animate-moving_bg"
style={{ scrollbarWidth: "none", msOverflowStyle: "none" }}
className="min-h-screen animate-moving_bg"
>
{/* Hide Scrollbar for WebKit-based Browsers */}
<style>
{`
::-webkit-scrollbar {
display: none;
}
`}
</style>
<ListRow
type="stream"
title={
@@ -57,6 +49,7 @@ const HomePage: React.FC<HomePageProps> = ({ variant = "default" }) => {
wrap={false}
onItemClick={handleStreamClick}
extraClasses="bg-[var(--liveNow)]"
itemExtraClasses="w-[20vw]"
/>
{/* If Personalised_HomePage, display Categories the logged-in user follows. Else, trending categories. */}
@@ -77,6 +70,7 @@ const HomePage: React.FC<HomePageProps> = ({ variant = "default" }) => {
onItemClick={handleCategoryClick}
titleClickable={true}
extraClasses="bg-[var(--recommend)]"
itemExtraClasses="w-[20vw]"
>
<Button
extraClasses="absolute right-10"