Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 14:16:39 +01:00
Code Issues Projects Releases Packages Wiki Activity

Adjust the <p> out

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-19 20:50:32 +08:00
parent d62712d587
commit 2916d1146b
1 changed files with 39 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
src/components/shortcuts-settings.jsx
View file

@ -249,46 +249,45 @@ function ShortcutsSettings({ onClose }) {
</h2> </h2>
</header> </header>
<main> <main>
<p> <p>Specify a list of shortcuts that'll appear&nbsp;as:</p>
Specify a list of shortcuts that'll appear&nbsp;as: <div class="shortcuts-view-mode">
<div class="shortcuts-view-mode"> {[
{[ {
{ value: 'float-button',
value: 'float-button', label: 'Floating button',
label: 'Floating button', imgURL: floatingButtonUrl,
imgURL: floatingButtonUrl, },
}, {
{ value: 'tab-menu-bar',
value: 'tab-menu-bar', label: 'Tab/Menu bar',
label: 'Tab/Menu bar', imgURL: tabMenuBarUrl,
imgURL: tabMenuBarUrl, },
}, {
{ value: 'multi-column',
value: 'multi-column', label: 'Multi-column',
label: 'Multi-column', imgURL: multiColumnUrl,
imgURL: multiColumnUrl, },
}, ].map(({ value, label, imgURL }) => (
].map(({ value, label, imgURL }) => ( <label>
<label> <input
<input type="radio"
type="radio" name="shortcuts-view-mode"
name="shortcuts-view-mode" value={value}
value={value} checked={
checked={ snapStates.settings.shortcutsViewMode === value ||
snapStates.settings.shortcutsViewMode === value || (value === 'float-button' &&
(value === 'float-button' && !snapStates.settings.shortcutsViewMode)
!snapStates.settings.shortcutsViewMode) }
} onChange={(e) => {
onChange={(e) => { states.settings.shortcutsViewMode = e.target.value;
states.settings.shortcutsViewMode = e.target.value; }}
}} />{' '}
/>{' '} <img src={imgURL} alt="" width="80" height="58" />{' '}
<img src={imgURL} alt="" width="80" height="58" />{' '} <span>{label}</span>
<span>{label}</span> </label>
</label> ))}
))} </div>
</div> {/* <select
{/* <select
value={snapStates.settings.shortcutsViewMode || 'float-button'} value={snapStates.settings.shortcutsViewMode || 'float-button'}
onChange={(e) => { onChange={(e) => {
states.settings.shortcutsViewMode = e.target.value; states.settings.shortcutsViewMode = e.target.value;
@ -298,7 +297,6 @@ function ShortcutsSettings({ onClose }) {
<option value="multi-column">Multi-column</option> <option value="multi-column">Multi-column</option>
<option value="tab-menu-bar">Tab/Menu bar </option> <option value="tab-menu-bar">Tab/Menu bar </option>
</select> */} </select> */}
</p>
{/* <p> {/* <p>
<details> <details>
<summary class="insignificant"> <summary class="insignificant">