chore: update TailwindCSS and opt max-w

2025-04-16 15:36:34 +08:00
parent cf391d0120
commit e505deb5d2
10 changed files with 622 additions and 816 deletions
@@ -26,14 +26,14 @@ export default function Page() {
  return (
    <div className="min-h-screen flex flex-col bg-gray-100">
      <Header />
-      <main className="container mx-auto p-4 flex-grow">
+      <main className="container mx-auto p-4 grow">
        <section className="text-center mb-12">
          <h2 className="text-4xl font-extrabold text-gray-900">联系</h2>
          <p className="text-xl text-gray-600 mt-4">以下是主要负责人的联系信息，可以点击卡片查看全部联系方式。</p>
        </section>
        <section className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
          {contacts.map((contact, index) => (
-            <div key={index} onClick={() => handleModal(contact)} className="bg-gray-50 shadow rounded-2xl p-6 text-center hover:shadow-lg transition-shadow duration-300 cursor-pointer">
+            <div key={index} onClick={() => handleModal(contact)} className="bg-gray-50 shadow-sm rounded-2xl p-6 text-center hover:shadow-lg transition-shadow duration-300 cursor-pointer">
              <h3 className="text-xl font-semibold text-gray-900">{contact.name}</h3>
              <p className="text-gray-600">{contact.describe}</p>
            </div>