-
+
+
- None +
- Blue Lace 16 +
- Boiling Point +
- Chateau +
- Coffee Bean +
- Fall Memories +
- FeatherTexture +
diff --git a/webapp/assets/monitor.png b/webapp/assets/monitor.png new file mode 100644 index 0000000..de21460 Binary files /dev/null and b/webapp/assets/monitor.png differ diff --git a/webapp/src/css/style.css b/webapp/src/css/style.css index b040ff2..76d0ee7 100644 --- a/webapp/src/css/style.css +++ b/webapp/src/css/style.css @@ -1,6 +1,6 @@ body { background-color: #3A6EA5; - font-size: 8pt; + font-size: 11px; } #logonView { @@ -12,19 +12,26 @@ body { } .window { - display: none; + display: flex; + flex-direction: column; + position: fixed; .title-bar { user-select: none; } } +.window-body { + flex: 1; +} + #motdContainer { font-family: "Arial", sans-serif; } #bottomLinks { - font-family: "Pixelated MS Sans Serif", Arial; + font-family: "Pixelated MS Sans Serif", Arial, sans-serif; + li { display: inline; border-right: 1px solid black; @@ -41,11 +48,13 @@ body { color: #fff; } } + li:last-child { border-right: none; padding-right: 0; margin-right: 0; } + list-style: none; display: block; position: fixed; @@ -54,6 +63,7 @@ body { transform: translateX(-50%); } + #logonWindowLogo { background-color: #ffffff; margin: 0; @@ -93,6 +103,53 @@ body { margin-right: 90px; } + +#roomSettingsBody { + display: flex; + flex-direction: column; +} + +#roomSettingsTabContent { + flex: 1; + margin-bottom: 8px; +} + +/* CSS nesting isn't even a year old as of writing this, we should consider using SASS or something for now */ +#roomSettingsWallpaperTab { + display: flex; + flex-direction: column; + + .wallpaperMonitor { + text-align: center; + flex: 1; + } + + #roomSettingsWallpaperSelect { + height: 114px; + display: flex; + flex-direction: row; + + gap: 8px; + + .mainCol { + display: flex; + flex-direction: column; + flex: 1; + + .tree-view { + flex: 1; + overflow: auto; + } + } + + #roomSettingsWallpaperURL { + margin-top: 8px; + width: 100%; + } + } +} + + #chatBar { margin: 0; padding: 0; @@ -117,6 +174,26 @@ body { margin-right: 4px; } +.wallpaperMonitor { + div { + display: inline-block; + position: relative; + } + + .wallpaperMonitorFg { + position: absolute; + width: 152px; + height: 112px; + margin: 17px 16px; + background: linear-gradient(160deg, #9b4f96, #0038a8); + } +} + + +.fieldRowRight { + justify-content: flex-end; +} + .context-menu { background-color: silver; ul { @@ -144,4 +221,8 @@ body { .context-menu-item:hover { background-color: navy; color: #fff; +} + +.d-none { + display: none; } \ No newline at end of file diff --git a/webapp/src/html/index.html b/webapp/src/html/index.html index 62f986a..5802050 100644 --- a/webapp/src/html/index.html +++ b/webapp/src/html/index.html @@ -14,9 +14,7 @@