🔥
Code rabbit お試ししたくて面談管理ツールを作ってみる (その3:面談一覧html作成)
本日の内容
簡単な要約
- 面談一覧・面談登録編集画面のstyle作成
簡単な作業内容
ようやくコーディングらしきことをする。
言うても各アクションにデータとってくる処理かいたのと、htmlを組んだだけ。
やはりtailwind.cssええな。以下は抜粋だけど、本当にClass指定するだけでCSSがざくざくいけるのは楽です。慣れて覚えるのちょっと時間かかりそうだけど。
<header class="bg-blue-500 text-white p-4 shadow">
<div class="max-w-7xl mx-auto flex justify-between items-center">
<h1 class="text-lg font-bold">One On One</h1>
<nav>
<!-- ナビゲーションリンクをここに挿入 -->
<a href="/interviews/" class="text-white hover:text-blue-300 px-3 py-2 rounded">Home</a>
<!-- 他のナビゲーションリンクを追加 -->
</nav>
</div>
</header>
プルリク
Code Rabbitのコメント
そろそろプルリクのサマリだけでは物足りなくなってきた。。。
次は必ず日本語の設定に変える。
終わり
必ず日本語設定やります。
Discussion