feat: shared components for worlds + p2p instances (#5135)

* feat: base content card component

* fix: tooltips + colors

* feat: fix orgs

* feat: add ContentModpackCard

* fix: extract types

* feat: selection v-model

* add show icon in selected for combobox with stories

* feat: add project combobox

* clean up project combobox

* feat: start install to play modal

* fix: events

* feat: figma alignments

* feat: migrate toggle to tailwind

* fix: row borders

* feat: disabled state

* feat: virtual list impl for card table based on window scroll

* fix: lint

* feat: virtualization + smaller contentcard items

* feat: fix gap + border issues on last elm

* fix: use TeleportOverflowMenu

* fix: hasUpdate type

* fix: fallback to svg if src is invalid on avatar component

* fix: storybook

* feat: start on updater modal

* feat: finish content updater modal

* feat: i18n pass

* remove install to play modal from ui package

* pnpm prepr

* feat: reusable table component

* feat: add column width prop for table and fix stories

* feat: add table overflow menu story example

* feat: add surface-1.5 and use in table

* chore: export table in index

* fix: allow more loose typing on columns

* feat: update table component to derive key from column instead of data

* feat: surface 1.5 for oled + refactor story for contentcardtable + yeet sorting funcs

* fix: lint

* feat: add no padding story for new modal

---------

Signed-off-by: Calum H. <contact@cal.engineer>
Co-authored-by: tdgao <mr.trumgao@gmail.com>
This commit is contained in:
Calum H.
2026-01-28 20:09:24 +00:00
committed by GitHub
parent 728f8db7b9
commit 78aca7e5c0
52 changed files with 4097 additions and 939 deletions

View File

@@ -1,5 +1,6 @@
.light-properties {
--surface-1: #ebebeb;
--surface-1-5: #ededed;
--surface-2: #f5f5f5;
--surface-3: #f8f8f8;
--surface-4: #ffffff;
@@ -221,6 +222,7 @@ html {
.dark,
:root[data-theme='dark'] {
--surface-1: #16181c;
--surface-1-5: #1a1c20;
--surface-2: #1d1f23;
--surface-3: #27292e;
--surface-4: #34363c;
@@ -392,6 +394,7 @@ html {
.oled-mode {
@extend .dark-mode;
--surface-1: #000000;
--surface-1-5: #050506;
--surface-2: #09090a;
--surface-3: #101013;
--surface-4: #1b1b20;