`<CirclePanel>`を実装した

[parsley001]

• close #79

  チケット URL

概要

/rootのcircleページへのプレビューを作成する

レビューの丁寧さの希望

• [ ] Lv0: まったく見ないで Accept する
• [ ] Lv1: ぱっとみて違和感がないかチェックして Accept する
• [x] Lv2: 仕様レベルまで理解して、コードレビューする
• [ ] LV3: 仕様レベルまで理解して、コードレビュー・動作確認する

確認用 URL

スクリーンショット

その他

チェックリスト

• [ ] ビルド、テストが異常終了しないことを確認した！
• [x] 意図していないデバッグコードを全て取り除いた！
• [x] PR にレビュー重要度(high, medium, low)のラベルをつけた！

[parsley001]

現状では md: と w-[??vw]で無理やり実装してます。

<ColoredContainer
  color="yellow"
  class="relative flex flex-col p-6 gap-6 z-[-50] w-full md:w-[70vw] md:min-w-[640px] "
>
(中略)
 <div class="flex gap-10 overflow-x-scroll">
    <div class="self-stretch w-36">
      <CircleCard type="grid" slug="1-1" class="w-36" />
    </div>
    <div class="self-stretch w-36">
      <CircleCard type="grid" slug="1-2" class="w-36" />
    </div>
    <div class="self-stretch w-36">
      <CircleCard type="grid" slug="1-3" class="w-36" />
    </div>
    <div class="self-stretch w-36">
      <CircleCard type="grid" slug="1-4" class="w-36" />
    </div>
    <div class="self-stretch w-36">
      <CircleCard type="grid" slug="1-5" class="w-36" />
    </div>
  </div>
</ColoredContainer>

[cloudflare-workers-and-pages[bot]]

Deploying shikosai33 with    Cloudflare Pages

Latest commit:	e6dd1df
Status:	✅  Deploy successful!
Preview URL:	https://94b5171f.shikosai33.pages.dev
Branch Preview URL:	https://79-preview-circle.shikosai33.pages.dev

View logs

[ReoHakase]

129 がマージされればw-fullでいけそうです

[parsley001]

実装できました