feat(packages): update menu group labels (#1643)

This commit is contained in:
Sam Potts
2026-06-02 20:26:19 +10:00
committed by GitHub
parent 2f5e23e100
commit c5f75166fd
31 changed files with 449 additions and 128 deletions
+2 -2
View File
@@ -98,7 +98,7 @@ root.innerHTML = `
</button>
<media-menu id="quality-menu" class="${menuContentClass}">
<media-menu-radio-group id="quality-group" value="auto">
<media-menu-label class="${menuLabelClass}">Resolution</media-menu-label>
<media-menu-group-label class="${menuLabelClass}">Resolution</media-menu-group-label>
<media-menu-radio-item value="auto" class="${radioItemClass}">Auto</media-menu-radio-item>
<media-menu-radio-item value="1080p" class="${radioItemClass}">1080p</media-menu-radio-item>
<media-menu-radio-item value="720p" class="${radioItemClass}">720p</media-menu-radio-item>
@@ -121,7 +121,7 @@ root.innerHTML = `
</button>
<media-menu id="settings-menu" class="${menuContentClass}">
<media-menu-group>
<media-menu-label class="${menuLabelClass}">Playback</media-menu-label>
<media-menu-group-label class="${menuLabelClass}">Playback</media-menu-group-label>
<media-menu-checkbox-item id="loop-item" class="${checkboxItemClass}">Loop</media-menu-checkbox-item>
<media-menu-checkbox-item id="autoplay-item" class="${checkboxItemClass}">Autoplay</media-menu-checkbox-item>
</media-menu-group>
+2 -2
View File
@@ -180,7 +180,7 @@ function App() {
<TriggerButton>Quality</TriggerButton>
<Menu.Content className={menuContentClass}>
<Menu.RadioGroup value={quality} onValueChange={setQuality}>
<Menu.Label className={menuLabelClass}>Resolution</Menu.Label>
<Menu.GroupLabel className={menuLabelClass}>Resolution</Menu.GroupLabel>
{['auto', '1080p', '720p', '480p'].map((value) => (
<Menu.RadioItem key={value} value={value} className={radioItemClass}>
{quality === value && <RadioDot />}
@@ -205,7 +205,7 @@ function App() {
<TriggerButton>Settings</TriggerButton>
<Menu.Content className={menuContentClass}>
<Menu.Group>
<Menu.Label className={menuLabelClass}>Playback</Menu.Label>
<Menu.GroupLabel className={menuLabelClass}>Playback</Menu.GroupLabel>
<Menu.CheckboxItem checked={loop} onCheckedChange={setLoop} className={checkboxItemClass}>
{loop && <Checkmark />}
Loop