[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 97ddac39e97ff65cc74e263fc773c4cfcc81ed36
parent 5f87c78bba06fdd9765d80f68da0e3f1f8d05b19
Author: mcol <mcol@posteo.net>
Date:   Fri,  5 Jun 2020 14:59:56 +0100

clean out CSS and set basic default whites

Diffstat:
Msrc/features/windows/index.css | 1-
Msrc/index.css | 25+++++++++----------------
Dsrc/panels/corner/index.css | 0
Dsrc/panels/desktop/index.css | 0
Msrc/panels/desktop/index.js | 1-
Dsrc/panels/left/index.css | 0
Msrc/panels/left/index.js | 2--
Dsrc/panels/top/index.css | 0
Msrc/panels/top/index.js | 1-
9 files changed, 9 insertions(+), 21 deletions(-)

diff --git a/src/features/windows/index.css b/src/features/windows/index.css @@ -1,4 +1,3 @@ .Window { position: absolute; - background: black; } diff --git a/src/index.css b/src/index.css @@ -26,13 +26,18 @@ code { display: table; width: 100%; height: 100%; - background-color: #21232d; } #App > div { display: table-row; } +#App > div > div { + display: table-cell; + box-shadow:inset 0px 0px 0px 4px #ccc; + padding: 4px; +} + #TopRow { height: 200px; } @@ -41,30 +46,18 @@ code { width: 200px; } -#App > div > div { - display: table-cell; - box-shadow:inset 0px 0px 0px 4px #595965; - padding: 4px; -} - .tab-list { - border-bottom: 1px solid #ccc; - padding-left: 0; + border-bottom: 1px solid #ddd; + padding: 0; } .tab-list-item { display: inline-block; list-style: none; - margin-bottom: -1px; padding: 0.5rem 0.75rem; } .tab-list-active { - background-color: white; - border: solid #ccc; + border: solid #ddd; border-width: 1px 1px 0 1px; } - -.tab-content { - color: #fff; -} diff --git a/src/panels/corner/index.css b/src/panels/corner/index.css diff --git a/src/panels/desktop/index.css b/src/panels/desktop/index.css diff --git a/src/panels/desktop/index.js b/src/panels/desktop/index.js @@ -4,7 +4,6 @@ import { useSelector } from 'react-redux'; import Windows from '../../features/windows'; import Wallpaper from '../../features/background/index'; import { selectBackground } from '../../features/background/slice'; -import './index.css'; export default function Desktop() { diff --git a/src/panels/left/index.css b/src/panels/left/index.css diff --git a/src/panels/left/index.js b/src/panels/left/index.js @@ -1,5 +1,4 @@ import React from 'react'; -import './index.css'; export function Left() { @@ -9,5 +8,4 @@ export function Left() { ); } - export default Left; diff --git a/src/panels/top/index.css b/src/panels/top/index.css diff --git a/src/panels/top/index.js b/src/panels/top/index.js @@ -7,7 +7,6 @@ import StatusBarsTab from './status_bars.js'; import LaunchersTab from './launchers.js'; import NotificationsTab from './notifications.js'; import ExtrasTab from './extras.js'; -import './index.css'; export default function Top() {