🔥

Code rabbit お試ししたくて面談管理ツールを作ってみる (その3:面談一覧html作成)

2024/05/03に公開

本日の内容

簡単な要約

  • 面談一覧・面談登録編集画面の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>

プルリク

https://github.com/WdknWdkn/oneonone/pull/4

Code Rabbitのコメント

そろそろプルリクのサマリだけでは物足りなくなってきた。。。
次は必ず日本語の設定に変える。

終わり

必ず日本語設定やります。

Discussion