From 0c2f42b4a376ccc159a65b05db18cb70637b9eae Mon Sep 17 00:00:00 2001 From: Leon Morival Date: Thu, 16 Jul 2026 17:53:13 +0200 Subject: [PATCH] feat: icons --- app/components/HomeElement.tsx | 102 ++++++++++----------------------- app/globals.css | 9 ++- app/page.tsx | 8 +-- public/assets/astroneer.svg | 1 + public/assets/jellyseerr.svg | 1 + public/assets/minecraft.svg | 1 + 6 files changed, 46 insertions(+), 76 deletions(-) create mode 100644 public/assets/astroneer.svg create mode 100644 public/assets/jellyseerr.svg create mode 100644 public/assets/minecraft.svg diff --git a/app/components/HomeElement.tsx b/app/components/HomeElement.tsx index 2a36d4d..b28f71e 100644 --- a/app/components/HomeElement.tsx +++ b/app/components/HomeElement.tsx @@ -1,3 +1,4 @@ +import Image from "next/image"; import Link from "next/link"; import type { ReactNode } from "react"; @@ -56,97 +57,56 @@ export default function HomeElement({ ); } -export function JellyfinIcon() { +export function StreamingIcon() { return ( ); } -export function SeerrIcon() { +export function JellyseerrIcon() { return ( - + ); } export function MinecraftIcon() { return ( - + ); } export function AstroneerIcon() { return ( - + ); } diff --git a/app/globals.css b/app/globals.css index a42a8e3..67078fb 100644 --- a/app/globals.css +++ b/app/globals.css @@ -298,12 +298,19 @@ svg { margin-bottom: 22px; } -.service-icon-shell svg { +.service-icon-shell svg, +.service-brand-icon { width: 94px; height: 94px; + object-fit: contain; filter: drop-shadow(0 8px 14px rgb(0 0 0 / 40%)); } +.service-brand-icon--minecraft, +.service-brand-icon--astroneer { + border-radius: 20px; +} + .service-copy { position: relative; display: grid; diff --git a/app/page.tsx b/app/page.tsx index 98a5297..a8a3ed1 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,9 +1,9 @@ import Link from "next/link"; import HomeElement, { AstroneerIcon, - JellyfinIcon, + JellyseerrIcon, MinecraftIcon, - SeerrIcon, + StreamingIcon, } from "./components/HomeElement"; import { astroneerServer, siteConfig } from "./lib/server-config"; @@ -32,7 +32,7 @@ export default function Home() { variant="jellyfin" external > - + - + diff --git a/public/assets/jellyseerr.svg b/public/assets/jellyseerr.svg new file mode 100644 index 0000000..01c0444 --- /dev/null +++ b/public/assets/jellyseerr.svg @@ -0,0 +1 @@ + diff --git a/public/assets/minecraft.svg b/public/assets/minecraft.svg new file mode 100644 index 0000000..cd6a849 --- /dev/null +++ b/public/assets/minecraft.svg @@ -0,0 +1 @@ +