[Work in progress] A Reactjs-based web app to help with ricing: designing beautiful unix desktop environments.
git clone https://mcol.xyz/code/unix.sexy
Log | Files | Refs

commit 7042eb5fb25be9147d5090fd8778fc771845c17d
parent 2100f8f5bc5fa041bffb330abd2c29884fae4dd4
Author: mcol <mcol@posteo.net>
Date:   Mon,  6 Jul 2020 19:30:53 +0100

adjust optbox sizes

Diffstat:
Msrc/components/button/index.js | 2+-
Msrc/features/title_bars/panel.js | 4++--
Msrc/features/windows/index.css | 6++++++
Msrc/features/windows/index.js | 2+-
Msrc/features/windows/panel.js | 2+-
5 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/button/index.js b/src/components/button/index.js @@ -13,7 +13,7 @@ export default function Button(props) { <> <button onClick={() => dispatch(props.callback())} - style={{color:windowContent.textColour}} + style={{color: windowContent.textColour}} > {props.text} </button> diff --git a/src/features/title_bars/panel.js b/src/features/title_bars/panel.js @@ -22,7 +22,7 @@ export function TitleBarCtl() { const dispatch = useDispatch(); return ( - <OptBox className="titleBarCtl" label="Title Bars" width="340px"> + <OptBox className="titleBarCtl" label="Title Bars" width="360px"> <div> Enabled @@ -35,7 +35,7 @@ export function TitleBarCtl() { </div> <div> - Window position + Position <Option value={style.position} options={[ diff --git a/src/features/windows/index.css b/src/features/windows/index.css @@ -1,4 +1,10 @@ .Window { border-style: solid; overflow: hidden; + z-index: 1; +} + +.WindowCtl button { + width: 40px; + margin: 0 8px; } diff --git a/src/features/windows/index.js b/src/features/windows/index.js @@ -27,7 +27,7 @@ export default function Windows() { ...style, ...useSelector(selectBorderFocusStyle), ...useSelector(selectAlphaFocusStyle), - zIndex: 1, + zIndex: 2, }; return ( diff --git a/src/features/windows/panel.js b/src/features/windows/panel.js @@ -7,7 +7,7 @@ import OptBox from 'components/optbox'; export function WindowCtl() { return ( - <OptBox className="WindowCtl" label="Number" width="100px"> + <OptBox className="WindowCtl" label="Number" width="70px"> <div> <Button text={"+"} callback={addWindow} /> <Button text={"-"} callback={delWindow} />