this repo has no description
Adjust the <p> out
+39
-41
+39
-41
src/components/shortcuts-settings.jsx
+39
-41
src/components/shortcuts-settings.jsx
···
249
249
</h2>
250
250
</header>
251
251
<main>
252
-
<p>
253
-
Specify a list of shortcuts that'll appear as:
254
-
<div class="shortcuts-view-mode">
255
-
{[
256
-
{
257
-
value: 'float-button',
258
-
label: 'Floating button',
259
-
imgURL: floatingButtonUrl,
260
-
},
261
-
{
262
-
value: 'tab-menu-bar',
263
-
label: 'Tab/Menu bar',
264
-
imgURL: tabMenuBarUrl,
265
-
},
266
-
{
267
-
value: 'multi-column',
268
-
label: 'Multi-column',
269
-
imgURL: multiColumnUrl,
270
-
},
271
-
].map(({ value, label, imgURL }) => (
272
-
<label>
273
-
<input
274
-
type="radio"
275
-
name="shortcuts-view-mode"
276
-
value={value}
277
-
checked={
278
-
snapStates.settings.shortcutsViewMode === value ||
279
-
(value === 'float-button' &&
280
-
!snapStates.settings.shortcutsViewMode)
281
-
}
282
-
onChange={(e) => {
283
-
states.settings.shortcutsViewMode = e.target.value;
284
-
}}
285
-
/>{' '}
286
-
<img src={imgURL} alt="" width="80" height="58" />{' '}
287
-
<span>{label}</span>
288
-
</label>
289
-
))}
290
-
</div>
291
-
{/* <select
252
+
<p>Specify a list of shortcuts that'll appear as:</p>
253
+
<div class="shortcuts-view-mode">
254
+
{[
255
+
{
256
+
value: 'float-button',
257
+
label: 'Floating button',
258
+
imgURL: floatingButtonUrl,
259
+
},
260
+
{
261
+
value: 'tab-menu-bar',
262
+
label: 'Tab/Menu bar',
263
+
imgURL: tabMenuBarUrl,
264
+
},
265
+
{
266
+
value: 'multi-column',
267
+
label: 'Multi-column',
268
+
imgURL: multiColumnUrl,
269
+
},
270
+
].map(({ value, label, imgURL }) => (
271
+
<label>
272
+
<input
273
+
type="radio"
274
+
name="shortcuts-view-mode"
275
+
value={value}
276
+
checked={
277
+
snapStates.settings.shortcutsViewMode === value ||
278
+
(value === 'float-button' &&
279
+
!snapStates.settings.shortcutsViewMode)
280
+
}
281
+
onChange={(e) => {
282
+
states.settings.shortcutsViewMode = e.target.value;
283
+
}}
284
+
/>{' '}
285
+
<img src={imgURL} alt="" width="80" height="58" />{' '}
286
+
<span>{label}</span>
287
+
</label>
288
+
))}
289
+
</div>
290
+
{/* <select
292
291
value={snapStates.settings.shortcutsViewMode || 'float-button'}
293
292
onChange={(e) => {
294
293
states.settings.shortcutsViewMode = e.target.value;
···
298
297
<option value="multi-column">Multi-column</option>
299
298
<option value="tab-menu-bar">Tab/Menu bar </option>
300
299
</select> */}
301
-
</p>
302
300
{/* <p>
303
301
<details>
304
302
<summary class="insignificant">