github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: updated theming in workspace preferences (#1890)

Browse Source
This commit is contained in:
guru_sainath 2023-08-16 20:35:17 +05:30 committed by GitHub
parent 65295f6c6f
commit 0afd72db95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/app/components/core/theme/theme-switch.tsx
View File

@ -44,6 +44,12 @@ export const ThemeSwitch: React.FC<Props> = observer(
label={ label={
currentThemeObj ? ( currentThemeObj ? (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div
className="border-1 relative flex h-4 w-4 rotate-45 transform items-center justify-center rounded-full border"
style={{
borderColor: currentThemeObj.icon.border,
}}
>
<div <div
className="h-full w-1/2 rounded-l-full" className="h-full w-1/2 rounded-l-full"
style={{ style={{
@ -58,6 +64,8 @@ export const ThemeSwitch: React.FC<Props> = observer(
}} }}
/> />
</div> </div>
{currentThemeObj.label}
</div>
) : ( ) : (
"Select your theme" "Select your theme"
) )
@ -97,6 +105,12 @@ export const ThemeSwitch: React.FC<Props> = observer(
{THEMES_OBJ.map(({ value, label, type, icon }) => ( {THEMES_OBJ.map(({ value, label, type, icon }) => (
<CustomSelect.Option key={value} value={{ value, type }}> <CustomSelect.Option key={value} value={{ value, type }}>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div
className="border-1 relative flex h-4 w-4 rotate-45 transform items-center justify-center rounded-full border"
style={{
borderColor: icon.border,
}}
>
<div <div
className="h-full w-1/2 rounded-l-full" className="h-full w-1/2 rounded-l-full"
style={{ style={{
@ -111,6 +125,8 @@ export const ThemeSwitch: React.FC<Props> = observer(
}} }}
/> />
</div> </div>
{label}
</div>
</CustomSelect.Option> </CustomSelect.Option>
))} ))}
</CustomSelect> </CustomSelect>