Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit8f15921

Browse files
fixed branding sidebar bg/font color not working
1 parentc70560d commit8f15921

File tree

3 files changed

+19
-16
lines changed

3 files changed

+19
-16
lines changed
Lines changed: 2 additions & 14 deletions
Loading

‎client/packages/lowcoder/src/components/layout/Layout.tsx‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import styled from "styled-components";
1212
import{useSelector}from"react-redux";
1313
import{MenuOutlined}from"@ant-design/icons";
1414
import{Drawer,Button}from"antd";
15+
import{getBrandingSetting}from"@lowcoder-ee/redux/selectors/enterpriseSelectors";
1516

1617
typeLayoutProps={
1718
sections:SideBarSectionProps[];
@@ -59,6 +60,7 @@ const DrawerContentWrapper = styled.div`
5960
exportfunctionLayout(props:LayoutProps){
6061
const[drawerVisible,setDrawerVisible]=useState(false);
6162
const[isMobile,setIsMobile]=useState(false);
63+
constbrandingSettings=useSelector(getBrandingSetting);
6264

6365
consttoggleDrawer=()=>{
6466
setDrawerVisible(!drawerVisible);
@@ -124,7 +126,13 @@ export function Layout(props: LayoutProps) {
124126
destroyOnHidden// Ensure drawer content is removed when closed
125127
>
126128
<DrawerContentWrapper>
127-
<SideBarV2className={CNSidebar}>
129+
<SideBarV2
130+
className={CNSidebar}
131+
$bgColor={brandingSettings?.config_set?.adminSidebarColor}
132+
$fontColor={brandingSettings?.config_set?.adminSidebarFontColor}
133+
$activeBgColor={brandingSettings?.config_set?.adminSidebarActiveBgColor}
134+
$activeFontColor={brandingSettings?.config_set?.adminSidebarActiveFontColor}
135+
>
128136
{mobileSections
129137
.filter((section)=>section.items.length>0)
130138
.map((section,index)=>(
@@ -141,7 +149,13 @@ export function Layout(props: LayoutProps) {
141149
{/* Desktop Layout */}
142150
<AntdLayout>
143151
{!isMobile&&(
144-
<SideBarV2className={`${CNSidebar} desktop-only`}>
152+
<SideBarV2
153+
className={`${CNSidebar} desktop-only`}
154+
$bgColor={brandingSettings?.config_set?.adminSidebarColor}
155+
$fontColor={brandingSettings?.config_set?.adminSidebarFontColor}
156+
$activeBgColor={brandingSettings?.config_set?.adminSidebarActiveBgColor}
157+
$activeFontColor={brandingSettings?.config_set?.adminSidebarActiveFontColor}
158+
>
145159
{desktopSections
146160
.filter((section)=>section.items.length>0)
147161
.map((section,index)=>(

‎client/packages/lowcoder/src/pages/editor/editorView.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -171,6 +171,7 @@ const SiderWrapper = styled.div<{
171171
height: 26px;
172172
width: 26px;
173173
padding: 5px;
174+
color:${props=>props.$fontColor ?props.$fontColor :'#ffffffa6'};
174175
}
175176
176177
&.ant-menu-item-selected,

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp