Closed github-actions[bot] closed 7 months ago
CodeRabbit
ウォークスルー: この差分では、新しいボタンのスタイルが追加されています。CSS変数が定義され、それらを用いたボタンのスタイルが設定されました。また、ボタン要素に対して新しいスタイルを適用するためのクラス名が追加されています。
変更点:
ファイル | 要約 |
---|---|
src/assets/tokens.css |
新たに3つのCSS変数(--line-height 、--font-size 、--buton-border-radius )が追加され、それぞれ1.5、1rem、0.25emの値が設定されています。 |
src/assets/ui.css |
新しい.button クラスが追加され、ボタンの基本的なスタイルとホバー状態でのフィルター効果を定義しています。 |
src/pages/index.tsx |
ボタン要素にclassName="button" が追加され、新しいスタイルが適用されています。 |
This is a draft PR for branch
feature_issue-48
related to the issue #48.やったこととしては余白などを相対的に計算してスタイリングした。 特に上下の余白は
line-height
から取ることで行高と一貫性を取れる形になっている。Summary by CodeRabbit