add a divider

This commit is contained in:
SethBurkart123
2024-05-07 13:02:51 +10:00
parent 30d0e49baa
commit 085f2b945c
+6 -1
View File
@@ -146,6 +146,11 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
/> />
))} ))}
<div
id="divider"
className="w-full h-[1px] my-2 bg-zinc-100 dark:bg-zinc-600"
></div>
<button <button
onClick={() => browser.tabs.create({ url: browser.runtime.getURL('src/interface/index.html#store')})} onClick={() => browser.tabs.create({ url: browser.runtime.getURL('src/interface/index.html#store')})}
className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white" className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white"
@@ -159,7 +164,7 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white" className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white"
> >
<span className="text-xl font-IconFamily">{'\uec60'}</span> <span className="text-xl font-IconFamily">{'\uec60'}</span>
<span className="ml-2">Create Theme</span> <span className="ml-2">Create your own</span>
</button> </button>
</div> </div>
</div> </div>