Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-20 22:12:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update some visuals

Browse source
This commit is contained in:
Pas 2025-06-07 23:58:39 -06:00
parent 03b4a1fab1
commit cd567416ad
4 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/layout/BrandPill.tsx
View file

@ -15,10 +15,10 @@ export function BrandPill(props: {
return ( return (
<div <div
className={classNames( className={classNames(
"flex items-center space-x-2 rounded-full px-4 py-2 text-type-logo", "flex items-center space-x-2 rounded-full px-4 py-2 text-type-logo backdrop-blur-lg",
props.backgroundClass ?? "bg-pill-background bg-opacity-50", props.backgroundClass ?? "bg-pill-background bg-opacity-50",
props.clickable props.clickable
? "transition-[transform,background-color] hover:scale-105 hover:bg-pill-backgroundHover backdrop-blur-lg hover:text-type-logo active:scale-95" ? "transition-[transform,background-color] hover:scale-105 hover:bg-pill-backgroundHover hover:text-type-logo active:scale-95"
: "", : "",
)} )}
> >

6
src/components/layout/Navigation.tsx
View file

@ -140,7 +140,7 @@ export function Navigation(props: NavigationProps) {
href={conf().DISCORD_LINK} href={conf().DISCORD_LINK}
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
className="text-xl text-white tabbable rounded-full" className="text-xl text-white tabbable rounded-full backdrop-blur-lg"
> >
<IconPatch <IconPatch
icon={Icons.DISCORD} icon={Icons.DISCORD}
@ -153,7 +153,7 @@ export function Navigation(props: NavigationProps) {
<a <a
onClick={() => handleClick("/discover")} onClick={() => handleClick("/discover")}
rel="noreferrer" rel="noreferrer"
className="text-xl text-white tabbable rounded-full" className="text-xl text-white tabbable rounded-full backdrop-blur-lg"
> >
<IconPatch <IconPatch
icon={Icons.RISING_STAR} icon={Icons.RISING_STAR}
@ -166,7 +166,7 @@ export function Navigation(props: NavigationProps) {
<a <a
onClick={() => handleClick("/")} onClick={() => handleClick("/")}
rel="noreferrer" rel="noreferrer"
className="text-lg text-white tabbable rounded-full" className="text-lg text-white tabbable rounded-full backdrop-blur-lg"
> >
<IconPatch <IconPatch
icon={Icons.SEARCH} icon={Icons.SEARCH}

2
src/pages/parts/settings/AppearancePart.tsx
View file

@ -396,7 +396,7 @@ export function AppearancePart(props: {
<div <div
ref={carouselRef} ref={carouselRef}
className={classNames( className={classNames(
"grid grid-cols-2 gap-4 max-w-[600px] max-h-[36rem] overflow-y-auto", "grid grid-cols-2 gap-4 max-w-[600px] max-h-[36rem] md:max-h-[64rem] overflow-y-auto",
"vertical-carousel-container", "vertical-carousel-container",
{ {
"hide-top-gradient": isAtTop, "hide-top-gradient": isAtTop,

4
src/stores/theme/index.tsx
View file

@ -11,11 +11,11 @@ export interface ThemeStore {
const currentDate = new Date(); const currentDate = new Date();
const is420 = currentDate.getMonth() + 1 === 4 && currentDate.getDate() === 20; const is420 = currentDate.getMonth() + 1 === 4 && currentDate.getDate() === 20;
// Make default theme teal if its 4/20 (bc the marijauna plant is green :3) // Make default theme green if its 4/20 (bc the marijauna plant is green :3)
export const useThemeStore = create( export const useThemeStore = create(
persist( persist(
immer<ThemeStore>((set) => ({ immer<ThemeStore>((set) => ({
theme: is420 ? "teal" : null, theme: is420 ? "green" : null,
setTheme(v) { setTheme(v) {
set((s) => { set((s) => {
s.theme = v; s.theme = v;