mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
remove unused imports, improve styling
This commit is contained in:
@@ -71,14 +71,16 @@ export default function ThemeCreator() {
|
|||||||
return (
|
return (
|
||||||
<div className='w-full min-h-[100vh] bg-zinc-100 dark:bg-zinc-800 dark:text-white transition duration-30'>
|
<div className='w-full min-h-[100vh] bg-zinc-100 dark:bg-zinc-800 dark:text-white transition duration-30'>
|
||||||
<div className='flex flex-col p-2'>
|
<div className='flex flex-col p-2'>
|
||||||
<h1 className='pb-2 text-xl font-semibold'>Theme Creator</h1>
|
<h1 className='text-xl font-semibold'>Theme Creator</h1>
|
||||||
|
|
||||||
|
<Divider />
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div className='pb-2 text-sm'>Theme Name</div>
|
<div className='pb-2 text-sm'>Theme Name</div>
|
||||||
<input
|
<input
|
||||||
id='themeName'
|
id='themeName'
|
||||||
type='text'
|
type='text'
|
||||||
placeholder='Whatcha calling it?'
|
placeholder='What is your theme called?'
|
||||||
value={theme.name}
|
value={theme.name}
|
||||||
onChange={e => setTheme({ ...theme, name: e.target.value })}
|
onChange={e => setTheme({ ...theme, name: e.target.value })}
|
||||||
className='w-full p-2 mb-4 transition-all duration-300 rounded-lg focus:outline-none ring-0 focus:ring-1 ring-zinc-100 dark:ring-zinc-700 dark:bg-zinc-900 dark:text-white' />
|
className='w-full p-2 mb-4 transition-all duration-300 rounded-lg focus:outline-none ring-0 focus:ring-1 ring-zinc-100 dark:ring-zinc-700 dark:bg-zinc-900 dark:text-white' />
|
||||||
@@ -88,6 +90,7 @@ export default function ThemeCreator() {
|
|||||||
<div className='pb-2 text-sm'>Description <span className='italic opacity-80'>(optional)</span></div>
|
<div className='pb-2 text-sm'>Description <span className='italic opacity-80'>(optional)</span></div>
|
||||||
<textarea
|
<textarea
|
||||||
id='themeDescription'
|
id='themeDescription'
|
||||||
|
placeholder="Don't worry, this one's optional!"
|
||||||
value={theme.description}
|
value={theme.description}
|
||||||
onChange={e => setTheme({ ...theme, description: e.target.value })}
|
onChange={e => setTheme({ ...theme, description: e.target.value })}
|
||||||
className='w-full p-2 rounded-lg focus:outline-none ring-0 focus:ring-1 ring-zinc-100 dark:ring-zinc-700 dark:bg-zinc-900 dark:text-white' />
|
className='w-full p-2 rounded-lg focus:outline-none ring-0 focus:ring-1 ring-zinc-100 dark:ring-zinc-700 dark:bg-zinc-900 dark:text-white' />
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import browser from 'webextension-polyfill'
|
import browser from 'webextension-polyfill'
|
||||||
|
|
||||||
import { MenuOptionsOpen, OpenMenuOptions, OpenWhatsNewPopup, closeSettings } from '../../../SEQTA';
|
import { MenuOptionsOpen, OpenMenuOptions, OpenWhatsNewPopup, closeSettings } from '../../../SEQTA';
|
||||||
import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme, updateImage, UpdateThemePreview } from '../../ui/Themes';
|
import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme, UpdateThemePreview } from '../../ui/Themes';
|
||||||
import { OpenThemeCreator } from '../../ui/ThemeCreator';
|
import { OpenThemeCreator } from '../../ui/ThemeCreator';
|
||||||
|
|
||||||
export class MessageHandler {
|
export class MessageHandler {
|
||||||
|
|||||||
Reference in New Issue
Block a user