mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-29 16:07:40 +01:00
Code Issues Wiki Activity

Refine brandpill mobile adaption

Browse source
This commit is contained in:
Cooper Ransom 2024-03-26 22:48:37 -04:00
parent 43dd90a7d8
commit e5a1a614fa
3 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -6,6 +6,7 @@ import { Icon, Icons } from "@/components/Icon";
export function BrandPill(props: { export function BrandPill(props: {
clickable?: boolean; clickable?: boolean;
hideTextOnMobile?: boolean; hideTextOnMobile?: boolean;
header?: boolean;
backgroundClass?: string; backgroundClass?: string;
}) { }) {
const { t } = useTranslation(); const { t } = useTranslation();
@ -24,7 +25,7 @@ export function BrandPill(props: {
<span <span
className={[ className={[
"font-semibold text-white", "font-semibold text-white",
props.hideTextOnMobile ? "hidden sm:block" : "", props.hideTextOnMobile || props.header ? "hidden sm:block" : "",
].join(" ")} ].join(" ")}
> >
{t("global.name")} {t("global.name")}

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

@ -85,7 +85,7 @@ export function Navigation(props: NavigationProps) {
className="block tabbable rounded-full text-xs ssm:text-base" className="block tabbable rounded-full text-xs ssm:text-base"
to="/" to="/"
> >
<BrandPill clickable /> <BrandPill clickable header />
</Link> </Link>
<a <a
href={conf().DISCORD_LINK} href={conf().DISCORD_LINK}

4
src/components/player/atoms/NextEpisodeButton.tsx
View file

@ -1,5 +1,5 @@
import classNames from "classnames"; import classNames from "classnames";
import React, { useCallback, useEffect } from "react"; import React, { useCallback } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Icon, Icons } from "@/components/Icon"; import { Icon, Icons } from "@/components/Icon";
@ -91,6 +91,8 @@ export function NextEpisodeButton(props: {
if (!meta?.episode || !nextEp) return null; if (!meta?.episode || !nextEp) return null;
if (metaType !== "show") return null; if (metaType !== "show") return null;
console.log(time, duration);
return ( return (
<Transition <Transition
animation={animation} animation={animation}