30天用React打造AI工具箱 Day12
用Tailwind打造版面骨架
什麼是Tailwind?
Tailwind CSS是一個「功能類別優先 (Util...
我將 PRD 丟進 Cursor 後,得到如下畫面,從畫面可以看到網站切分為看板、排班、員工管理、審核、匯出、登出,六個頁面。
考慮到必須先定義好員工相關資料...
依照職稱降冪
如果能依照職稱排序,例如店長、副店長、資深主任、主任、一般正職這樣由上至下顯示,將有助於水獺在自動排班結果出來後,快速檢視正確率。
上班時...
30天用React打造AI工具箱 Day19
翻譯工具 UI
今天我們先做一個最簡單的「翻譯工具」介面,重點是建立翻譯器的基本結構,像是選擇語言、輸入文字、顯示...
接下來,我打算做一個簡單的 AI 行程產生器一樣在終端新增一個檔案:nano planner.py程式:import google.generativeai a...
靠左對齊(預設)
css
.justify-start {
display: flex;
justify-content: flex-start;...