修复团队页面布局问题
This commit is contained in:
parent
bfcba0cdef
commit
f3c04b08ea
@ -42,7 +42,9 @@ export default function RobotsPage() {
|
||||
<div
|
||||
key={robot.id}
|
||||
id={robot.id}
|
||||
ref={(el) => (robotRefs.current[robot.id] = el)}
|
||||
ref={(el) => {
|
||||
robotRefs.current[robot.id] = el;
|
||||
}}
|
||||
className={`scroll-mt-24 ${highlightedRobot === robot.id ? "ring-2 ring-primary p-4" : ""}`}
|
||||
>
|
||||
<div className="flex flex-col lg:flex-row gap-8">
|
||||
|
||||
@ -16,7 +16,9 @@ export default function TeamsLayout({
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
{children}
|
||||
<main>
|
||||
{children}
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
|
||||
@ -152,9 +152,9 @@ export default function TeamsPage() {
|
||||
const activeTeam = teams.find((team) => team.id === activeTab) || teams[0]
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-background pt-16">
|
||||
<div className="container mx-auto px-4 py-16">
|
||||
<div className="mb-8">
|
||||
<main className="min-h-screen bg-background">
|
||||
<div className="container mx-auto px-4 pt-16 md:pt-24 pb-8">
|
||||
<div className="mb-2">
|
||||
<Link href="/">
|
||||
<Button variant="ghost" className="button-hover-effect mb-4">
|
||||
<ArrowLeft className="mr-2 h-4 w-4" /> 返回首页
|
||||
@ -165,7 +165,7 @@ export default function TeamsPage() {
|
||||
</div>
|
||||
|
||||
<Tabs defaultValue="mest" value={activeTab} onValueChange={setActiveTab} className="w-full">
|
||||
<TabsList className="grid grid-cols-2 md:grid-cols-4 gap-2 bg-transparent">
|
||||
<TabsList className="grid grid-cols-2 md:grid-cols-4 gap-2 bg-transparent mb-4 md:mb-0">
|
||||
{teams.map((team) => (
|
||||
<TabsTrigger
|
||||
key={team.id}
|
||||
@ -181,7 +181,7 @@ export default function TeamsPage() {
|
||||
))}
|
||||
</TabsList>
|
||||
|
||||
<div className="mt-8 border border-white/10 p-6 card-hover-effect">
|
||||
<div className="mt-20 md:mt-8 border border-white/10 p-6 card-hover-effect">
|
||||
<div className="flex flex-col md:flex-row gap-6 items-start">
|
||||
<div className="md:w-1/3">
|
||||
<div className="flex items-center gap-4 mb-6">
|
||||
|
||||
@ -20,7 +20,7 @@ export default function AboutSection() {
|
||||
Simba Robotics 是隶属于黑龙江大学，专注于 RoboMaster 机甲大师机器人竞赛的机器人实验室与机器人战队。
|
||||
</p>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
我们致力于推动机器人技术的发展，同时为学生提供一协作环境，培养实用工程技能。
|
||||
我们致力于推动机器人技术的发展，同时为学生提供协作环境，培养实用工程技能。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -21,7 +21,7 @@ export default function ContactSection() {
|
||||
icon: <MapPin className="h-5 w-5 text-primary" />,
|
||||
title: "地址",
|
||||
details: "602 实验室, 电子工程学院, 黑龙江大学",
|
||||
link: "https://www.bing.com/maps?&ty=18&q=%E9%BB%91%E9%BE%99%E6%B1%9F%E5%A4%A7%E5%AD%A6-%E7%94%B5%E5%AD%90%E5%B7%A5%E7%A8%8B%E5%AD%A6%E9%99%A2&ss=ypid.YN4067x5856225&mb=45.709873~126.616074~45.704718~126.624132&description=%E9%BB%91%E9%BE%99%E6%B1%9F%E7%9C%81%E5%93%88%E5%B0%94%E6%BB%A8%E5%B8%82%E5%AD%A6%E5%BA%9C%E8%B7%AF74%E5%8F%B7&cardbg=%23333333&dt=1744891200000&tt=%E9%BB%91%E9%BE%99%E6%B1%9F%E5%A4%A7%E5%AD%A6-%E7%94%B5%E5%AD%90%E5%B7%A5%E7%A8%8B%E5%AD%A6%E9%99%A2&tsts0=%2526ty%253D18%2526q%253D%2525E9%2525BB%252591%2525E9%2525BE%252599%2525E6%2525B1%25259F%2525E5%2525A4%2525A7%2525E5%2525AD%2525A6-%2525E7%252594%2525B5%2525E5%2525AD%252590%2525E5%2525B7%2525A5%2525E7%2525A8%25258B%2525E5%2525AD%2525A6%2525E9%252599%2525A2%2526ss%253Dypid.YN4067x5856225%2526mb%253D45.709873~126.616074~45.704718~126.624132%2526description%253D%2525E9%2525BB%252591%2525E9%2525BE%252599%2525E6%2525B1%25259F%2525E7%25259C%252581%2525E5%252593%252588%2525E5%2525B0%252594%2525E6%2525BB%2525A8%2525E5%2525B8%252582%2525E5%2525AD%2525A6%2525E5%2525BA%25259C%2525E8%2525B7%2525AF74%2525E5%25258F%2525B7%2526cardbg%253D%252523333333%2526dt%253D1744891200000&tstt0=%E9%BB%91%E9%BE%99%E6%B1%9F%E5%A4%A7%E5%AD%A6-%E7%94%B5%E5%AD%90%E5%B7%A5%E7%A8%8B%E5%AD%A6%E9%99%A2&cp=45.707282~126.619347&lvl=18.469374&pi=0&ftst=0&ftics=False&v=2&sV=2&form=S00027",
|
||||
link: "https://www.bing.com/maps?q=%E9%BB%91%E9%BE%99%E6%B1%9F%E5%A4%A7%E5%AD%A6-%E7%94%B5%E5%AD%90%E5%B7%A5%E7%A8%8B%E5%AD%A6%E9%99%A2",
|
||||
},
|
||||
]
|
||||
|
||||
@ -29,28 +29,39 @@ export default function ContactSection() {
|
||||
{
|
||||
icon: <Github className="h-5 w-5" />,
|
||||
name: "GitHub",
|
||||
link: "https://github.com/simbarobotics",
|
||||
link: "https://github.com/simba-robotics",
|
||||
},
|
||||
{
|
||||
icon: (
|
||||
<svg
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
fill="white"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeWidth="0"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
className="h-5 w-5"
|
||||
>
|
||||
<path d="M17.8 4.8H6.2c-1.2 0-2.2 1-2.2 2.2v10c0 1.2 1 2.2 2.2 2.2h11.6c1.2 0 2.2-1 2.2-2.2V7c0-1.2-1-2.2-2.2-2.2Z" />
|
||||
<path d="m9 10 3 3 3-3" />
|
||||
<path d="M7.17157 2.75737L10.414 5.99948H13.585L16.8284 2.75737C17.219 2.36685 17.8521 2.36685 18.2426 2.75737C18.6332 3.1479 18.6332 3.78106 18.2426 4.17158L16.414 5.99948L18.5 6.00001C20.433 6.00001 22 7.56701 22 9.50001V17.5C22 19.433 20.433 21 18.5 21H5.5C3.567 21 2 19.433 2 17.5V9.50001C2 7.56701 3.567 6.00001 5.5 6.00001L7.585 5.99948L5.75736 4.17158C5.36684 3.78106 5.36684 3.1479 5.75736 2.75737C6.14788 2.36685 6.78105 2.36685 7.17157 2.75737ZM18.5 8.00001H5.5C4.7203 8.00001 4.07955 8.5949 4.00687 9.35555L4 9.50001V17.5C4 18.2797 4.59489 18.9205 5.35554 18.9931L5.5 19H18.5C19.2797 19 19.9204 18.4051 19.9931 17.6445L20 17.5V9.50001C20 8.67158 19.3284 8.00001 18.5 8.00001ZM8 11C8.55228 11 9 11.4477 9 12V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V12C7 11.4477 7.44772 11 8 11ZM16 11C16.5523 11 17 11.4477 17 12V14C17 14.5523 16.5523 15 16 15C15.4477 15 15 14.5523 15 14V12C15 11.4477 15.4477 11 16 11Z"></path>
|
||||
</svg>
|
||||
),
|
||||
name: "Bilibili",
|
||||
link: "https://space.bilibili.com/simbarobotics",
|
||||
},
|
||||
{
|
||||
icon: <MessageSquare className="h-5 w-5" />,
|
||||
icon: (
|
||||
<svg
|
||||
viewBox="0 0 24 24"
|
||||
fill="white"
|
||||
stroke="currentColor"
|
||||
strokeWidth="0"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
className="h-5 w-5"
|
||||
>
|
||||
<path d="M8.66725 11.5114C7.94997 11.5114 7.38211 10.9432 7.38211 10.2255C7.38211 9.50784 7.94997 8.93968 8.66725 8.93968C9.38454 8.93968 9.95239 9.50784 9.95239 10.2255C9.95239 10.9432 9.38454 11.5114 8.66725 11.5114ZM15.3339 11.5114C14.6166 11.5114 14.0488 10.9432 14.0488 10.2255C14.0488 9.50784 14.6166 8.93968 15.3339 8.93968C16.0512 8.93968 16.6191 9.50784 16.6191 10.2255C16.6191 10.9432 16.0512 11.5114 15.3339 11.5114ZM6.82289 19.2153L7.53841 18.7789C8.34812 18.2851 9.30697 18.095 10.2438 18.2426C10.4553 18.2759 10.6292 18.3015 10.7634 18.3192C11.1696 18.3728 11.5828 18.4 12.0006 18.4C16.4213 18.4 19.9006 15.3776 19.9006 11.8C19.9006 8.22235 16.4213 5.19995 12.0006 5.19995C7.57986 5.19995 4.10059 8.22235 4.10059 11.8C4.10059 13.1655 4.60024 14.4728 5.53227 15.5809C5.58056 15.6383 5.65277 15.7177 5.74666 15.8155C6.54199 16.6438 6.94301 17.7739 6.84765 18.9182L6.82289 19.2153ZM6.19286 21.9423C6.00989 22.0566 5.79484 22.1087 5.57981 22.0908C5.02944 22.045 4.62045 21.5616 4.66631 21.0112L4.85456 18.7521C4.90224 18.1799 4.70173 17.6149 4.30407 17.2008C4.1819 17.0735 4.08111 16.9627 4.0017 16.8683C2.80622 15.447 2.10059 13.6951 2.10059 11.8C2.10059 7.0503 6.53297 3.19995 12.0006 3.19995C17.4682 3.19995 21.9006 7.0503 21.9006 11.8C21.9006 16.5496 17.4682 20.4 12.0006 20.4C11.4911 20.4 10.9906 20.3665 10.5018 20.302C10.3491 20.2819 10.1593 20.254 9.93256 20.2182C9.46412 20.1444 8.9847 20.2395 8.57985 20.4864L6.19286 21.9423Z"></path>
|
||||
</svg>
|
||||
),
|
||||
name: "微信公众号",
|
||||
link: "https://weixin.qq.com/r/simbarobotics",
|
||||
},
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
output: 'export',
|
||||
eslint: {
|
||||
ignoreDuringBuilds: true,
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user