commit d5c849d0923c6b254047ebb07589adf10bc18548
author banksean <banksean@gmail.com> Thu Jun 26 15:48:31 2025 +0000
committer Autoformatter <bot@sketch.dev> Thu Jun 26 19:25:55 2025 +0000
tree 4c3daefe24c0c618b1499452ca1dc974311f880b
parent 4b64468e6dd5d4283c90d85a483351af11933c2f

webui: convert SketchViewModeSelect to use SketchTailwindElement with Tailwind CSS

Replace LitElement shadow DOM component with SketchTailwindElement base class
to use Tailwind CSS utility classes instead of component-scoped CSS styles.

Also adds tailwind support for CSS container queries in addition to media
queries.

Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: s0eeb80dd54594375k

webui/package.json

diff --git a/webui/package.json b/webui/package.json
index 91a1f77..c8f9861 100644
--- a/webui/package.json
+++ b/webui/package.json
@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@tailwindcss/cli": "^4.1.10",
+    "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/vite": "^4.1.10",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",