terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove duplicate mobile page headings

Browse Source
This commit is contained in:
TerryM
2026-05-30 22:59:50 +08:00
parent 3f251710d0
commit ada117f4f4
2 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/Categories/index.tsx
View File

@@ -3,7 +3,6 @@ import { Link } from "react-router-dom";
import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api"; import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api";
import { CategoryIcon } from "../../components/CategoryIcon"; import { CategoryIcon } from "../../components/CategoryIcon";
import { useSetPageTitle } from "../../components/PageTitleContext"; import { useSetPageTitle } from "../../components/PageTitleContext";
import { SectionHeader } from "../../components/SectionHeader";
import { Skeleton } from "../../components/Skeleton"; import { Skeleton } from "../../components/Skeleton";
import { langQuery, useI18n } from "../../i18n"; import { langQuery, useI18n } from "../../i18n";
import { cleanCategoryDisplayName } from "../../utils/categoryDisplay"; import { cleanCategoryDisplayName } from "../../utils/categoryDisplay";
@@ -78,8 +77,7 @@ export function CategoriesPage() {
return ( return (
<section> <section>
<SectionHeader title={t("categorySection")} /> <div className="grid grid-cols-3 gap-2 md:grid-cols-5 md:gap-3 lg:grid-cols-6 xl:grid-cols-7 xl:gap-4">
<div className="mt-7 grid grid-cols-3 gap-2 md:grid-cols-5 md:gap-3 lg:grid-cols-6 xl:grid-cols-7 xl:gap-4">
{isLoading {isLoading
? Array.from({ length: 14 }).map((_, i) => ( ? Array.from({ length: 14 }).map((_, i) => (
<Skeleton key={i} className="h-[88px] rounded-xl" /> <Skeleton key={i} className="h-[88px] rounded-xl" />

6
src/pages/OfficialRecommendations/index.tsx
View File

@@ -2,7 +2,6 @@ import { useEffect, useState } from "react";
import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api"; import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api";
import { useSetPageTitle } from "../../components/PageTitleContext"; import { useSetPageTitle } from "../../components/PageTitleContext";
import { RecommendedCard } from "../../components/RecommendedCard"; import { RecommendedCard } from "../../components/RecommendedCard";
import { SectionHeader } from "../../components/SectionHeader";
import { langQuery, useI18n } from "../../i18n"; import { langQuery, useI18n } from "../../i18n";
import { sourceLanguageQuery } from "../../i18nLanguages"; import { sourceLanguageQuery } from "../../i18nLanguages";
import type { Post } from "../../types/post"; import type { Post } from "../../types/post";
@@ -70,10 +69,7 @@ export function OfficialRecommendationsPage() {
return ( return (
<section> <section>
<div className="mx-auto max-w-full px-4 md:max-w-[820px] md:px-0 lg:max-w-[1080px] xl:max-w-[1180px]"> <div className="mx-auto grid max-w-full grid-cols-1 justify-items-center gap-3 px-4 min-[560px]:grid-cols-2 md:max-w-[820px] md:grid-cols-3 md:px-0 lg:max-w-[1080px] lg:grid-cols-4 xl:max-w-[1180px]">
<SectionHeader title={t("officialSection")} />
</div>
<div className="mx-auto mt-7 grid max-w-full grid-cols-1 justify-items-center gap-3 px-4 min-[560px]:grid-cols-2 md:max-w-[820px] md:grid-cols-3 md:px-0 lg:max-w-[1080px] lg:grid-cols-4 xl:max-w-[1180px]">
{items.map((item, index) => ( {items.map((item, index) => (
<RecommendedCard <RecommendedCard
key={item.id} key={item.id}