Minor style changes
This commit is contained in:
parent
37a8aa3eec
commit
3768995852
4 changed files with 9 additions and 1 deletions
|
|
@ -13,6 +13,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: var(--task-bar-height);
|
height: var(--task-bar-height);
|
||||||
background-color: var(--task-bar-color);
|
background-color: var(--task-bar-color);
|
||||||
|
backdrop-filter: blur(15px);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,8 @@ export function WindowsView() {
|
||||||
const windows = useWindows();
|
const windows = useWindows();
|
||||||
const windowsManager = useWindowsManager();
|
const windowsManager = useWindowsManager();
|
||||||
|
|
||||||
|
// TO DO: prevent windows from being rerendered when order is changed
|
||||||
|
|
||||||
return (<div>
|
return (<div>
|
||||||
{windows.sort((windowA, windowB) =>
|
{windows.sort((windowA, windowB) =>
|
||||||
windowA.lastInteraction - windowB.lastInteraction
|
windowA.lastInteraction - windowB.lastInteraction
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@ export default class WindowsManager {
|
||||||
app,
|
app,
|
||||||
size,
|
size,
|
||||||
position,
|
position,
|
||||||
lastInteraction: 0
|
lastInteraction: new Date().valueOf()
|
||||||
};
|
};
|
||||||
|
|
||||||
this.updateWindows(this.windows);
|
this.updateWindows(this.windows);
|
||||||
|
|
|
||||||
|
|
@ -111,3 +111,8 @@ p, a, button, input, h1, h2, h3, h4, h5, h6 {
|
||||||
code {
|
code {
|
||||||
font-family: var(--mono-font-family);
|
font-family: var(--mono-font-family);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*::selection {
|
||||||
|
color: var(--background-color-c);
|
||||||
|
background-color: var(--grey-b);
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue