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

Change font and remove text from brandpill

Browse source
This commit is contained in:
Cooper Ransom 2024-03-26 13:04:52 -04:00
parent 2d6d211312
commit 657b63858c
5 changed files with 10 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -132,7 +132,10 @@
media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/splash_screens/8.3__iPad_Mini_portrait.png"> href="/splash_screens/8.3__iPad_Mini_portrait.png">
<link href="//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack.css" rel="stylesheet" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
<script src="/config.js"></script> <script src="/config.js"></script>

6
src/assets/css/index.css
View file

@ -4,12 +4,10 @@
html, html,
body { body {
@apply bg-background-main font-hack text-type-text; @apply bg-background-main font-main text-type-text;
min-height: 100vh; min-height: 100vh;
min-height: 100dvh; min-height: 100dvh;
font-size: 0.97em; font-size: 1.0235em;
letter-spacing: 0.01em;
word-spacing: -0.12em;
} }
html[data-full], html[data-full],

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

@ -5,7 +5,7 @@ import { Icon, Icons } from "@/components/Icon";
export function BrandPill(props: { export function BrandPill(props: {
clickable?: boolean; clickable?: boolean;
hideTextOnMobile?: boolean; // hideTextOnMobile?: boolean;
backgroundClass?: string; backgroundClass?: string;
}) { }) {
const { t } = useTranslation(); const { t } = useTranslation();
@ -20,15 +20,7 @@ export function BrandPill(props: {
: "", : "",
)} )}
> >
<Icon className="text-xl" icon={Icons.MOVIE_WEB} /> <Icon className="text-2xl" icon={Icons.MOVIE_WEB} />
<span
className={[
"font-semibold text-white",
props.hideTextOnMobile ? "hidden sm:block" : "",
].join(" ")}
>
{t("global.name")}
</span>
</div> </div>
); );
} }

2
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";

2
tailwind.config.ts
View file

@ -16,7 +16,7 @@ const config: Config = {
/* fonts */ /* fonts */
fontFamily: { fontFamily: {
"hack": "'Hack'", "main": "'DM Sans'",
}, },
/* animations */ /* animations */