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: {
clickable?: boolean;
hideTextOnMobile?: boolean;
header?: boolean;
backgroundClass?: string;
}) {
const { t } = useTranslation();
@ -24,7 +25,7 @@ export function BrandPill(props: {
<span
className={[
"font-semibold text-white",
props.hideTextOnMobile ? "hidden sm:block" : "",
props.hideTextOnMobile || props.header ? "hidden sm:block" : "",
].join(" ")}
>
{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"
to="/"
>
<BrandPill clickable />
<BrandPill clickable header />
</Link>
<a
href={conf().DISCORD_LINK}

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

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