From 0c7fece5b6bf5dcd3252a6165d608a2773dc6438 Mon Sep 17 00:00:00 2001 From: Elijah R Date: Tue, 2 Jul 2024 21:42:58 -0400 Subject: [PATCH] switch webapp to using 98.css --- webapp/package.json | 3 ++- webapp/src/css/style.css | 37 +++---------------------------------- webapp/src/html/index.html | 13 +++++++++---- webapp/src/ts/MSWindow.ts | 4 ++-- 4 files changed, 16 insertions(+), 41 deletions(-) diff --git a/webapp/package.json b/webapp/package.json index 0a0c9f7..a3bb783 100644 --- a/webapp/package.json +++ b/webapp/package.json @@ -13,5 +13,6 @@ "parcel": "^2.12.0", "run-script-os": "^1.1.6", "typescript": "^5.5.3" - } + }, + "type": "module" } diff --git a/webapp/src/css/style.css b/webapp/src/css/style.css index 7e010e9..30a1a24 100644 --- a/webapp/src/css/style.css +++ b/webapp/src/css/style.css @@ -1,10 +1,4 @@ -@font-face { - font-family: "MS Sans Serif"; - src: url("../../assets/fonts/micross.ttf") format("truetype") -} - body { - font-family: "MS Sans Serif", sans-serif; background-color: #3A6EA5; font-size: 8pt; } @@ -17,21 +11,11 @@ body { display: none; } -.ms-window { +.window { display: none; - background-color: #d4d0c8; position: fixed; - .ms-window-titlebar { - background-image: linear-gradient(to right, #0a246a, #a6caf0); - margin: 4px; - color: #ffffff; + .title-bar { user-select: none; - font-weight: bold; - font-size: 12pt; - } - .ms-window-body { - margin-right: 4px; - margin-left: 4px; } } @@ -44,6 +28,7 @@ body { border-image: linear-gradient(to right, #013755, #9ec0da, #013755) 4; * { margin: 0; + font-size: 24pt; } } @@ -72,22 +57,6 @@ body { margin-right: 90px; } -button, input { - border-radius: 0; -} - -button { - background-color: #d4d0c8; -} - -input[type="text"] { - background-color: #ffffff; -} - -input[type="text"]:focus-visible { - outline: none; -} - #chatBar { margin: 0; padding: 0; diff --git a/webapp/src/html/index.html b/webapp/src/html/index.html index f404106..1cdbd41 100644 --- a/webapp/src/html/index.html +++ b/webapp/src/html/index.html @@ -7,15 +7,20 @@ +
-
-
Log on to MSAgent Chat
-
+
+
+
+ Log on to MSAgent Chat +
+
+
diff --git a/webapp/src/ts/MSWindow.ts b/webapp/src/ts/MSWindow.ts index 91533a5..005dc8e 100644 --- a/webapp/src/ts/MSWindow.ts +++ b/webapp/src/ts/MSWindow.ts @@ -25,8 +25,8 @@ export class MSWindow { this.config = config; this.wnd.style.width = config.width + "px"; this.wnd.style.height = config.height + "px"; - let titlebar = this.wnd.querySelector("div.ms-window-titlebar"); - let body = this.wnd.querySelector("div.ms-window-body"); + let titlebar = this.wnd.querySelector("div.title-bar"); + let body = this.wnd.querySelector("div.window-body"); if (!titlebar || !body) throw new Error("MSWindow is missing titlebar or body element."); this.titlebar = titlebar as HTMLDivElement;