🔧 fix: 支持移动端显示

B1ue1nWh1te · Nov 6, 2024 · 8cd0417 · 8cd0417
1 parent 59da13b
commit 8cd0417
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/app/components/Profile.tsx b/app/components/Profile.tsx
@@ -66,7 +66,7 @@ export default function Profile() {
 
   return (
     <Card
-      className="flex min-w-[460px] flex-[2] select-none items-center justify-center bg-white/60 p-6 backdrop-blur-lg transition-all duration-300 hover:shadow-lg hover:shadow-[#a78bfa]/25 hover:ring-2 hover:ring-[#a78bfa]/50"
+      className="flex min-w-[26rem] flex-[2] select-none items-center justify-center bg-white/60 p-6 backdrop-blur-lg transition-all duration-300 hover:shadow-lg hover:shadow-[#a78bfa]/25 hover:ring-2 hover:ring-[#a78bfa]/50"
       isBlurred={true}
       isPressable={true}
       onPress={showConfetti}

diff --git a/app/components/Projects.tsx b/app/components/Projects.tsx
@@ -7,7 +7,7 @@ import { Github, Globe } from "lucide-react";
 
 export default function Projects() {
   return (
-    <div className="flex min-w-[570px] flex-wrap items-center justify-center gap-8">
+    <div className="flex flex-wrap items-center justify-center gap-8">
       {Object.values(projectsInfo).map((project, index) => (
         <motion.div key={index} whileHover={{ scale: 1.1 }}>
           <Card

diff --git a/app/components/ProjectsBeam.tsx b/app/components/ProjectsBeam.tsx
@@ -60,7 +60,7 @@ export default function ProjectsBeam() {
 
   return (
     <Card
-      className="flex min-w-[460px] flex-[3] select-none items-center justify-center px-14 py-12 backdrop-blur-lg transition-all duration-300 hover:shadow-lg hover:shadow-[#4facfe]/25 hover:ring-2 hover:ring-[#4facfe]/50"
+      className="flex min-w-[26rem] flex-[3] select-none items-center justify-center px-14 py-12 backdrop-blur-lg transition-all duration-300 hover:shadow-lg hover:shadow-[#4facfe]/25 hover:ring-2 hover:ring-[#4facfe]/50"
       ref={containerRef}
       isBlurred={true}
       isPressable={true}