mirror of
https://github.com/SteamDeckHomebrew/decky-loader.git
synced 2026-07-11 18:01:54 +00:00
fix: get rid of title view jank on latest beta
This commit is contained in:
@@ -1,12 +1,4 @@
|
|||||||
import {
|
import { ButtonItem, Focusable, PanelSection, PanelSectionRow } from 'decky-frontend-lib';
|
||||||
ButtonItem,
|
|
||||||
Focusable,
|
|
||||||
PanelSection,
|
|
||||||
PanelSectionRow,
|
|
||||||
joinClassNames,
|
|
||||||
scrollClasses,
|
|
||||||
staticClasses,
|
|
||||||
} from 'decky-frontend-lib';
|
|
||||||
import { VFC, useEffect, useState } from 'react';
|
import { VFC, useEffect, useState } from 'react';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { FaEyeSlash } from 'react-icons/fa';
|
import { FaEyeSlash } from 'react-icons/fa';
|
||||||
@@ -36,10 +28,7 @@ const PluginView: VFC = () => {
|
|||||||
return (
|
return (
|
||||||
<Focusable onCancelButton={closeActivePlugin}>
|
<Focusable onCancelButton={closeActivePlugin}>
|
||||||
<TitleView />
|
<TitleView />
|
||||||
<div
|
<div style={{ height: '100%', paddingTop: '16px' }}>
|
||||||
className={joinClassNames(staticClasses.TabGroupPanel, scrollClasses.ScrollPanel, scrollClasses.ScrollY)}
|
|
||||||
style={{ height: '100%' }}
|
|
||||||
>
|
|
||||||
{(visible || activePlugin.alwaysRender) && activePlugin.content}
|
{(visible || activePlugin.alwaysRender) && activePlugin.content}
|
||||||
</div>
|
</div>
|
||||||
</Focusable>
|
</Focusable>
|
||||||
@@ -48,7 +37,11 @@ const PluginView: VFC = () => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<TitleView />
|
<TitleView />
|
||||||
<div className={joinClassNames(staticClasses.TabGroupPanel, scrollClasses.ScrollPanel, scrollClasses.ScrollY)}>
|
<div
|
||||||
|
style={{
|
||||||
|
paddingTop: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
<PanelSection>
|
<PanelSection>
|
||||||
{pluginList
|
{pluginList
|
||||||
.filter((p) => p.content)
|
.filter((p) => p.content)
|
||||||
|
|||||||
@@ -10,6 +10,8 @@ const titleStyles: CSSProperties = {
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
paddingTop: '3px',
|
paddingTop: '3px',
|
||||||
paddingRight: '16px',
|
paddingRight: '16px',
|
||||||
|
position: 'sticky',
|
||||||
|
top: '0px',
|
||||||
};
|
};
|
||||||
|
|
||||||
const TitleView: VFC = () => {
|
const TitleView: VFC = () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user