Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-11 17:55:33 +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 (
<div
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.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}
target="_blank"
rel="noreferrer"
className="text-xl text-white tabbable rounded-full"
className="text-xl text-white tabbable rounded-full backdrop-blur-lg"
>
<IconPatch
icon={Icons.DISCORD}
@ -153,7 +153,7 @@ export function Navigation(props: NavigationProps) {
<a
onClick={() => handleClick("/discover")}
rel="noreferrer"
className="text-xl text-white tabbable rounded-full"
className="text-xl text-white tabbable rounded-full backdrop-blur-lg"
>
<IconPatch
icon={Icons.RISING_STAR}
@ -166,7 +166,7 @@ export function Navigation(props: NavigationProps) {
<a
onClick={() => handleClick("/")}
rel="noreferrer"
className="text-lg text-white tabbable rounded-full"
className="text-lg text-white tabbable rounded-full backdrop-blur-lg"
>
<IconPatch
icon={Icons.SEARCH}

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

@ -396,7 +396,7 @@ export function AppearancePart(props: {
<div
ref={carouselRef}
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",
{
"hide-top-gradient": isAtTop,

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

@ -11,11 +11,11 @@ export interface ThemeStore {
const currentDate = new Date();
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(
persist(
immer<ThemeStore>((set) => ({
theme: is420 ? "teal" : null,
theme: is420 ? "green" : null,
setTheme(v) {
set((s) => {
s.theme = v;