Skip to content

スタッフリストのページを修正#50

Open
sat0ken wants to merge 10 commits into
mainfrom
feat/update-staff
Open

スタッフリストのページを修正#50
sat0ken wants to merge 10 commits into
mainfrom
feat/update-staff

Conversation

@sat0ken

@sat0ken sat0ken commented Jul 5, 2026

Copy link
Copy Markdown
Contributor

概要

スタッフリストのページデザインを修正する

変更理由

スタッフ一覧、「Goコミュニティの好きなところ」の項目の説明が何もないから何の話か分からない のを修正する

変更内容

  • タイトルをつける
  • 吹き出しのようなデザインで好きなところを表示
  • SNSロゴは右下に移動
  • 会社のアイコンはとる

レビュワーへの共有事項など

@netlify

netlify Bot commented Jul 5, 2026

Copy link
Copy Markdown

Deploy Preview for unrivaled-empanada-4b1c20 ready!

Name Link
🔨 Latest commit a6f2c89
🔍 Latest deploy log https://app.netlify.com/projects/unrivaled-empanada-4b1c20/deploys/6a4b8df225c8fc0008038d29
😎 Deploy Preview https://deploy-preview-50--unrivaled-empanada-4b1c20.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

Comment thread src/components/StaffList.astro
Comment thread src/components/StaffList.astro Outdated
border-radius: 16px;
padding: 24px;
padding: 20px;
width: 360px;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

幅を固定値にしてしまうと、画面幅が狭い時にスタイルが崩れてしまいます。

width: 360px;

    max-width: 360px;
    width: 100%;

にして、 flex-shrink: 0; は削除し、上の grid-template-columns を以下にようにするとよさそうです。 ref: 916e82f

  .staffs-grid {
    display: grid;
    gap: 24px;
    margin-top: 32px;
    justify-content: center;
    grid-template-columns: repeat(3, minmax(0, 360px));
    visibility: hidden;

    &.staffs-grid--ready {
      visibility: visible;
    }

    @media screen and (max-width: 1200px) {
      grid-template-columns: repeat(2, minmax(0, 360px));
    }

    @media screen and (max-width: 800px) {
      grid-template-columns: minmax(0, 360px);
    }
  }
Image

Comment thread src/components/StaffList.astro
Comment thread src/components/StaffList.astro
Comment thread src/components/StaffList.astro Outdated
Comment thread src/components/StaffList.astro
Comment thread src/components/StaffList.astro Outdated
width: 40px;
height: 40px;
width: 32px;
height: 32px;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

logoは40*40のままでよさそうです

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

以下で修正しましたmm

4b38bb0

sat0ken and others added 9 commits July 6, 2026 19:46
Co-authored-by: もっちー <43375000+mochi-yu@users.noreply.github.com>
Co-authored-by: もっちー <43375000+mochi-yu@users.noreply.github.com>
Co-authored-by: もっちー <43375000+mochi-yu@users.noreply.github.com>
Co-authored-by: もっちー <43375000+mochi-yu@users.noreply.github.com>
Co-authored-by: もっちー <43375000+mochi-yu@users.noreply.github.com>
@sat0ken

sat0ken commented Jul 6, 2026

Copy link
Copy Markdown
Contributor Author

英語対応は以下で行いました

5df9021

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants