ui: remember split sizes state
This commit is contained in:
@@ -21,6 +21,7 @@ const _data_cached = JSON.parse(_dec)
|
|||||||
declare global {
|
declare global {
|
||||||
interface Window {
|
interface Window {
|
||||||
data: {
|
data: {
|
||||||
|
split_sizes: number[];
|
||||||
apply(): void
|
apply(): void
|
||||||
access_token?: string
|
access_token?: string
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -88,10 +88,14 @@ export default function App() {
|
|||||||
|
|
||||||
React.useEffect(() => {
|
React.useEffect(() => {
|
||||||
; (async () => {
|
; (async () => {
|
||||||
Split(['#SideBar', '#ChatFragment'], {
|
const split = Split(['#SideBar', '#ChatFragment'], {
|
||||||
sizes: [25, 75],
|
sizes: data.split_sizes ? data.split_sizes : [25, 75],
|
||||||
minSize: [200, 400],
|
minSize: [200, 400],
|
||||||
gutterSize: 2,
|
gutterSize: 2,
|
||||||
|
onDragEnd: function () {
|
||||||
|
data.split_sizes = split.getSizes()
|
||||||
|
data.apply()
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
Client.connect()
|
Client.connect()
|
||||||
|
|||||||
Reference in New Issue
Block a user