search

pycontw / pycontw-frontend

The official website for PyCon TW 🐍
16 stars 36 forks source link

refactor: Adjust Breakpoints for about/coc Page and Discuss lg Configuration Change #573

Open foxlee2525 opened 3 months ago

foxlee2525 commented 3 months ago

Types of changes

Description

在調整 about/coc 頁面的兩欄佈局斷點時，發現與專案中定義的 lg 斷點設定不一致，因此進行了調整，以符合網頁 RWD 標準。

Discussion Needed

建議將 TailwindCSS config 的 lg 斷點從 1194px 修改為 1024px，以更符合常見的 RWD 標準。 因為變動可能會影響到專案其他部分，因此希望先進行討論，再確認是否需要進行修改。

Next Steps

根據討論結果，確認是否需要將 TailwindCSS 配置中的 lg 斷點從 1194px 修改為 1024px。

netlify[bot] commented 3 months ago

Deploy request for classy-granita-bc2b5a pending review.

Visit the deploys page to approve it

Name Link
Latest commit d55880661415a8ca53d435eaaef60a84a2c72f87
netlify[bot] commented 3 months ago

Deploy Preview for zesty-gnome-f04144 ready!

Name Link
Latest commit d55880661415a8ca53d435eaaef60a84a2c72f87
Latest deploy log https://app.netlify.com/sites/zesty-gnome-f04144/deploys/66cc47239d884c0008caac75
Deploy Preview https://deploy-preview-573--zesty-gnome-f04144.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

SivanYeh commented 3 months ago

@foxlee2525 如果把tailwind.config.js lg改成1024會如何？

foxlee2525 commented 3 months ago

@foxlee2525 如果把tailwind.config.js lg改成1024會如何？

測試已知 「overview」 跟 「poster-session」兩個頁面的佈局受影響最大，所以相關頁面有做調整。 另外原本 「overview」在 screen: 768px 時，因為佈局改變，所以相關議程卡片會被擠壓成兩行很小的卡片，我覺得這樣好像也不太合理，也一拼調整了。

其他佈局目前看起來沒什麼問題，但可能還是要麻煩各位大大幫忙檢查一下，感謝！