trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-28 14:44:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: clean up

Browse source
This commit is contained in:
trafficlunar 2025-03-30 21:47:34 +01:00
parent 72ff5c9354
commit bc7460bd71
6 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/header.tsx
View file

@ -12,7 +12,7 @@ export default async function Header() {
return (
<div className="sticky top-0 z-50 w-full p-4 grid grid-cols-3 gap-2 gap-x-4 items-center bg-amber-50 border-b-4 border-amber-200 shadow-md max-lg:grid-cols-2 max-sm:grid-cols-1">
<Link href={"/"} className="font-black text-3xl tracking-wide text-orange-400 max-sm:text-center">
<Link href={"/"} className="font-black text-3xl tracking-wide text-orange-400 max-sm:text-center max-sm:col-span-3">
TomodachiShare
</Link>
@ -20,7 +20,7 @@ export default async function Header() {
<SearchBar />
</div>
<ul className="flex justify-end gap-3 items-center h-11 *:h-full max-lg:col-span-2 max-sm:justify-center">
<ul className="flex justify-end gap-3 items-center h-11 *:h-full max-lg:col-span-2 max-sm:justify-center max-sm:col-span-3">
<li title="Random Mii">
<Link href={"/random"} className="pill button !p-0 h-full aspect-square">
<Icon icon="mdi:dice-3" fontSize={28} />

2
src/app/components/mii-list.tsx
View file

@ -123,7 +123,7 @@ export default async function MiiList({ searchParams, userId }: Props) {
<LikeButton likes={mii.likes} isLoggedIn={session?.user != null} />
{userId == null && (
<Link href={`/profile/${mii.user.id}`} className="text-sm text-right text-ellipsis">
<Link href={`/profile/${mii.user.id}`} className="text-sm text-right overflow-hidden text-ellipsis">
@{mii.user?.username}
</Link>
)}

2
src/app/components/search-bar.tsx
View file

@ -4,7 +4,7 @@ import { Icon } from "@iconify/react";
export default function SearchBar() {
return (
<div className="max-w-md w-full flex rounded-xl focus-within:ring-[3px] ring-orange-400/35 transition shadow-md">
<div className="max-w-md w-full flex rounded-xl focus-within:ring-[3px] ring-orange-400/50 transition shadow-md">
<input
type="text"
placeholder="Search..."