|
|
|
@ -32,7 +32,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => { |
|
|
|
|
}>({ |
|
|
|
|
themeQuality: themes.light |
|
|
|
|
}) |
|
|
|
|
const [carouselWidth, setCarouselWidth] = useState('65%') |
|
|
|
|
const [carouselWidth, setCarouselWidth] = useState(65) |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
plugin.call('theme', 'currentTheme').then((theme) => { |
|
|
|
@ -61,7 +61,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => { |
|
|
|
|
const height = window.innerHeight |
|
|
|
|
|
|
|
|
|
if (height < 781 && width < 1150) { |
|
|
|
|
setCarouselWidth('70%') |
|
|
|
|
setCarouselWidth(80) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
checkResolution() |
|
|
|
@ -76,7 +76,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => { |
|
|
|
|
<div className="d-flex flex-column w-100 h-100" data-id="remixUIHTAll"> |
|
|
|
|
<ThemeContext.Provider value={state.themeQuality}> |
|
|
|
|
<div className="d-flex flex-row w-100 h-100 custom_home_bg"> |
|
|
|
|
<div className="px-2 pl-3 justify-content-start border-right d-flex flex-column" id="remixUIHTLeft" style={{ width: 'inherit' }}> |
|
|
|
|
<div className="px-2 pl-3 justify-content-start border-right d-flex flex-column" id="remixUIHTLeft" style={{ width: `${100 - carouselWidth}%` }}> |
|
|
|
|
<HomeTabTitle /> |
|
|
|
|
<HomeTabGetStarted plugin={plugin}></HomeTabGetStarted> |
|
|
|
|
{!(platform === appPlatformTypes.desktop) ? |
|
|
|
@ -84,7 +84,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => { |
|
|
|
|
<HomeTabFileElectron plugin={plugin}></HomeTabFileElectron>} |
|
|
|
|
{/* <HomeTabLearn plugin={plugin} /> */} |
|
|
|
|
</div> |
|
|
|
|
<div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{ width: '65%' }} id="remixUIHTRight"> |
|
|
|
|
<div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{ width: `${carouselWidth}%` }} id="remixUIHTRight"> |
|
|
|
|
<LanguageOptions plugin={plugin}/> |
|
|
|
|
<HomeTabFeatured></HomeTabFeatured> |
|
|
|
|
<HomeTabFeaturedPlugins plugin={plugin}></HomeTabFeaturedPlugins> |
|
|
|
|