From 779f60c0cac4dbcbdafdd64ff62cd060ebec015a Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 15:32:49 +0800 Subject: [PATCH 01/11] add homepage cellphone mode --- src/components/homepage/styles/works.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/components/homepage/styles/works.css b/src/components/homepage/styles/works.css index 9a2bdaf..a3b416e 100644 --- a/src/components/homepage/styles/works.css +++ b/src/components/homepage/styles/works.css @@ -42,3 +42,11 @@ text-align: right; color: var(--tertiary-color); } + + +@media (max-width: 1024px) { + .work-duration { + width: 370px; + padding-top: 23px; + } +} \ No newline at end of file From 782e0156148896155ce103d85e062da315930730 Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 15:51:54 +0800 Subject: [PATCH 02/11] fix css --- src/pages/styles/projects.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/pages/styles/projects.css b/src/pages/styles/projects.css index 36c3783..6a9c2b4 100644 --- a/src/pages/styles/projects.css +++ b/src/pages/styles/projects.css @@ -22,6 +22,16 @@ padding-top: 120px; } +@media (max-width: 1024px) { + .projects-title { + width: 100% !important; + } + + .projects-subtitle { + width: 100% !important; + } +} + @media (max-width: 600px) { .projects-container { padding-top: 60px; From c7180cae4d7cbec97a89f7c6a1179bd9817f37dc Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 16:36:15 +0800 Subject: [PATCH 03/11] fix css --- src/components/homepage/styles/works.css | 16 ++++++++++------ src/pages/styles/homepage.css | 2 +- 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/src/components/homepage/styles/works.css b/src/components/homepage/styles/works.css index a3b416e..1689ab5 100644 --- a/src/components/homepage/styles/works.css +++ b/src/components/homepage/styles/works.css @@ -7,7 +7,8 @@ .work { display: flex; padding-bottom: 40px; - width: 400px; + /* width: 400px; */ + width: auto; } .work-image { @@ -35,18 +36,21 @@ } .work-duration { - position: absolute; - width: 400px; + /* position: absolute; */ + /* width: 400px; */ + /* width: 100%; */ font-size: 12px; - padding-top: 20px; + padding-top: 22px; text-align: right; color: var(--tertiary-color); + margin-left: auto; + } @media (max-width: 1024px) { .work-duration { - width: 370px; - padding-top: 23px; + font-size: 11px; + padding-top: 23.5px; } } \ No newline at end of file diff --git a/src/pages/styles/homepage.css b/src/pages/styles/homepage.css index 5632c18..0d023b1 100644 --- a/src/pages/styles/homepage.css +++ b/src/pages/styles/homepage.css @@ -97,7 +97,7 @@ padding-top: 30px; } -@media (max-width: 1024px) { +@media (max-width: 1200px) { .homepage-first-area { flex-direction: column; } From 655f7e807a5d7e6d157775ad1887da08e15af876 Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 16:40:52 +0800 Subject: [PATCH 04/11] fix scroll bar --- src/index.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/index.css b/src/index.css index 7a0ea9e..a658b32 100644 --- a/src/index.css +++ b/src/index.css @@ -7,6 +7,8 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y: scroll; + overflow-x: hidden; + max-width: 100%; } code { From 68b00686b9ce512baf5d1123f95fd965b734d2f4 Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 16:46:29 +0800 Subject: [PATCH 05/11] add css --- src/components/homepage/styles/works.css | 2 +- src/pages/styles/homepage.css | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/homepage/styles/works.css b/src/components/homepage/styles/works.css index 1689ab5..01d8df2 100644 --- a/src/components/homepage/styles/works.css +++ b/src/components/homepage/styles/works.css @@ -51,6 +51,6 @@ @media (max-width: 1024px) { .work-duration { font-size: 11px; - padding-top: 23.5px; + padding-top: 23px; } } \ No newline at end of file diff --git a/src/pages/styles/homepage.css b/src/pages/styles/homepage.css index 0d023b1..2d1f36a 100644 --- a/src/pages/styles/homepage.css +++ b/src/pages/styles/homepage.css @@ -151,6 +151,11 @@ margin-left: -25px; margin-right: -25px; } + + .works { + margin-left: 2%; + width: 96%; + } } From 3a577367b1310af4cfa213626215b4955d9c627e Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 16:53:14 +0800 Subject: [PATCH 06/11] fix css --- src/pages/styles/homepage.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/pages/styles/homepage.css b/src/pages/styles/homepage.css index 2d1f36a..6aaafb5 100644 --- a/src/pages/styles/homepage.css +++ b/src/pages/styles/homepage.css @@ -144,6 +144,8 @@ .homepage-articles { flex-basis: auto; + margin-left: -2%; + width: 100%; } .homepage-works { From d1a888895e8b252e7b7929ad0b03460f93c2097a Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 17:17:56 +0800 Subject: [PATCH 07/11] fix css --- src/components/projects/styles/allProjects.css | 8 ++++++-- src/components/projects/styles/project.css | 3 +++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/components/projects/styles/allProjects.css b/src/components/projects/styles/allProjects.css index 627c08a..3724e46 100644 --- a/src/components/projects/styles/allProjects.css +++ b/src/components/projects/styles/allProjects.css @@ -25,8 +25,12 @@ text-align: justify; } -@media (max-width: 600px) { +@media (max-width: 1200px) { .all-projects-project { - width: calc(100% / 2); + width: calc(96% / 2); + } + .all-projects-container { + margin-left: 0px; + margin-right: 0px; } } diff --git a/src/components/projects/styles/project.css b/src/components/projects/styles/project.css index 33d33f0..857b082 100644 --- a/src/components/projects/styles/project.css +++ b/src/components/projects/styles/project.css @@ -69,4 +69,7 @@ .project { height: 100%; } + .project-container { + padding: 5px; + } } From b7e30dc1b04a428f704feb0484e535bfa448c4d8 Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 17:25:52 +0800 Subject: [PATCH 08/11] fix css --- src/components/projects/styles/allProjects.css | 2 +- src/components/projects/styles/project.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/projects/styles/allProjects.css b/src/components/projects/styles/allProjects.css index 3724e46..b8b3c9b 100644 --- a/src/components/projects/styles/allProjects.css +++ b/src/components/projects/styles/allProjects.css @@ -27,7 +27,7 @@ @media (max-width: 1200px) { .all-projects-project { - width: calc(96% / 2); + width: calc(100% / 2); } .all-projects-container { margin-left: 0px; diff --git a/src/components/projects/styles/project.css b/src/components/projects/styles/project.css index 857b082..7f8c3d0 100644 --- a/src/components/projects/styles/project.css +++ b/src/components/projects/styles/project.css @@ -70,6 +70,6 @@ height: 100%; } .project-container { - padding: 5px; + padding: 15px; } } From 349f6dcd15b428c1ce6205b07a4e85830d8b7311 Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 20:50:13 +0800 Subject: [PATCH 09/11] fix css --- src/components/homepage/styles/works.css | 2 +- src/components/projects/styles/allProjects.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/homepage/styles/works.css b/src/components/homepage/styles/works.css index 01d8df2..d3e46a7 100644 --- a/src/components/homepage/styles/works.css +++ b/src/components/homepage/styles/works.css @@ -51,6 +51,6 @@ @media (max-width: 1024px) { .work-duration { font-size: 11px; - padding-top: 23px; + padding-top: 0px; } } \ No newline at end of file diff --git a/src/components/projects/styles/allProjects.css b/src/components/projects/styles/allProjects.css index b8b3c9b..3e292fd 100644 --- a/src/components/projects/styles/allProjects.css +++ b/src/components/projects/styles/allProjects.css @@ -27,7 +27,7 @@ @media (max-width: 1200px) { .all-projects-project { - width: calc(100% / 2); + width: calc(99% / 2); } .all-projects-container { margin-left: 0px; From 6800c2e2ab68107fe36a91f59def42797622f6a2 Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 20:57:22 +0800 Subject: [PATCH 10/11] fix css --- src/pages/styles/homepage.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/styles/homepage.css b/src/pages/styles/homepage.css index 6aaafb5..6d768bf 100644 --- a/src/pages/styles/homepage.css +++ b/src/pages/styles/homepage.css @@ -150,8 +150,8 @@ .homepage-works { flex-basis: auto; - margin-left: -25px; - margin-right: -25px; + /* margin-left: -25px; + margin-right: -25px; */ } .works { From 21bdcd17df809da9d30167d8aca7388775dda6af Mon Sep 17 00:00:00 2001 From: stanleyshen2003 Date: Wed, 25 Jun 2025 23:53:17 +0800 Subject: [PATCH 11/11] fix css --- src/components/albums/style/album.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/albums/style/album.css b/src/components/albums/style/album.css index c4099f1..859c6fc 100644 --- a/src/components/albums/style/album.css +++ b/src/components/albums/style/album.css @@ -77,7 +77,7 @@ .album-right-side { flex-basis: 90%; - min-width: 85%; + min-width: 80%; max-width: 85%; }