配色・配置の変更 #22
Merged
配色・配置の変更 #22
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
This pull request is being automatically deployed with Vercel (learn more). 🔍 Inspect: https://vercel.com/tagucch/random-tagucch-dev/EHTm1MEQWrpNNopy9fwaky7qB9Cp |
tagucch
reviewed
Jul 12, 2021
components/layout.tsx
Outdated
| </a> | ||
|
|
||
| {/* ライト・ダークモード切り替えボタン */} | ||
| <div> |
There was a problem hiding this comment.
たぶんだけどここのdiv不要だと思うから取ってくれたら嬉しいな〜
|
圧倒的感謝！！！！！！！！！！！！！！！！！！！！！！！！ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
・#8 ライト/ダークモード切り替えボタンを追加しました
（自動でOSの設定に合わせなくなりました）
・ダークモード時のpreタグの配色を設定しました
・preタグの左右の余白を広くしました
・ヘッダ アイコンの並び順を変更しました（猫が中央にいると良いため）
・ヘッダ アイコンのmargin-topを広くしました
・記事内のタグにflex-wrapを設定しました
※配色切換えに使ったもの → next-themes
https://github.com/pacocoursey/next-themes
※デフォルトの配色をOSに合わせる方法は調査中
現状、最後に選択したカラーモードが記憶されるっぽい