Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-11-10 23:55:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

UwU I'm soz I fucked up :( :3 forgive me D: (^.^) (update card styling to be closer to design)

Browse Source 
Co-authored-by: mrjvs <mistrjvs@gmail.com>
This commit is contained in:
Jip Fr 2023-10-17 17:57:45 +02:00
parent de885ba44d
commit 37b577fb4e
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/overlays/OverlayRouter.tsx
View File

@ -73,12 +73,12 @@ function RouterBase(props: { id: string; children: ReactNode }) {
return (
<a.div ref={ref} style={dimensions} className="overflow-hidden">
<Flare.Base className="group w-full h-full rounded-xl transition-colors duration-100 text-video-context-type-main">
<Flare.Base className="group w-full bg-video-context-border bg-opacity-25 h-full rounded-2xl transition-colors duration-100 text-video-context-type-main">
<Flare.Light
flareSize={400}
cssColorVar="--colors-video-context-light"
backgroundClass="bg-video-context-background duration-100"
className="rounded-xl opacity-100"
className="rounded-2xl opacity-100"
/>
<Flare.Child className="pointer-events-auto relative transition-transform duration-100">
{props.children}

6
src/components/player/internals/ContextUtils.tsx
View File

@ -22,7 +22,7 @@ function CardWithScrollable(props: { children: React.ReactNode }) {
function SectionTitle(props: { children: React.ReactNode }) {
return (
<h3 className="uppercase font-bold text-video-context-type-secondary text-sm pt-8 pl-1 pb-2.5 border-b border-opacity-25 border-video-context-border">
<h3 className="uppercase font-bold text-video-context-type-secondary text-xs pt-8 pl-1 pb-2.5 border-b border-opacity-25 border-video-context-border">
{props.children}
</h3>
);
@ -43,7 +43,9 @@ function LinkTitle(props: { children: React.ReactNode; textClass?: string }) {
function Section(props: { children: React.ReactNode; className?: string }) {
return (
<div className={classNames("pt-5", props.className)}>{props.children}</div>
<div className={classNames("pt-4 space-y-1", props.className)}>
{props.children}
</div>
);
}

1
tailwind.config.js
View File

@ -137,6 +137,7 @@ module.exports = {
border: "#4F5C66",
buttonFocus: "#202836",
flagBg: "#202836",
cardBorder: "#1B262E",
type: {
main: "#617A8A",