Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ボイボ寮のキャラクター一覧の見た目を改善 #170

Merged
merged 4 commits into from
Sep 29, 2023

Conversation

thiramisu
Copy link
Contributor

内容

以下を実施しました。

  • キャラクター画像が途切れてる感じをなくす
    • 画像の上にpaddingを追加
    • 画像と名前の間にも罫線を追加
  • キャラクターカードの縦の見かけ上のpaddingを横に合わせる
  • 7期生の上にも水平線(hr)を追加
  • 水平線の位置を微調整

スクリーンショット・動画など

PC変更前
image
PC変更後
image

モバイル変更前
image

モバイル変更後
image

その他

display: gridで書きなおした方が良さそうにも見えますが、とりあえず現状に合わせました。

Copy link
Member

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

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

LGTM!!!

なんか変だなと思いつつもちょっとスルーしていたところをがっつり修正いただいて嬉しかったです!!
将来CSSの意味を見失うかもと思ったのでコメント色々追加させていただこうと思います!

src/components/layout.scss Outdated Show resolved Hide resolved
src/components/layout.scss Outdated Show resolved Hide resolved
src/components/layout.scss Outdated Show resolved Hide resolved
src/components/layout.scss Outdated Show resolved Hide resolved
src/pages/dormitory.tsx Outdated Show resolved Hide resolved
@Hiroshiba
Copy link
Member

マージさせていただきます!

@Hiroshiba Hiroshiba merged commit 64efea6 into VOICEVOX:master Sep 29, 2023
1 check passed
@thiramisu thiramisu deleted the improve-domitory-main-page branch September 30, 2023 09:01
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.

2 participants