diff --git a/client/src/views/partials/GameEntry.vue b/client/src/views/partials/GameEntry.vue
new file mode 100644
index 00000000..9cb08998
--- /dev/null
+++ b/client/src/views/partials/GameEntry.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+ ![]()
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/views/partials/MessageComponent.vue b/client/src/views/partials/MessageComponent.vue
index ca6705f7..842237db 100644
--- a/client/src/views/partials/MessageComponent.vue
+++ b/client/src/views/partials/MessageComponent.vue
@@ -46,11 +46,12 @@ onMounted(() => {
display: flex;
margin-top: 2px;
padding-left: 10px;
+ font-size: 0.9rem;
}
.content-container {
max-width: 75%;
- padding: 7px 15px;
+ padding: 1px 15px;
margin-bottom: 7px;
text-align: left;
diff --git a/client/src/views/partials/WindowHandle.vue b/client/src/views/partials/WindowHandle.vue
index bea6fc0a..0c539f7c 100644
--- a/client/src/views/partials/WindowHandle.vue
+++ b/client/src/views/partials/WindowHandle.vue
@@ -5,8 +5,9 @@ import { ClearWindow } from '../../services/Windows';
import { AddSound } from '../../services/Sound';
-const props = defineProps(['window']);
+const props = defineProps(['window', 'handleHeight', 'custom', 'color']);
const id = props.window;
+const handleHeight = props.handleHeight;
const closeButton = ref(null);
const backButton = ref(null);
@@ -14,6 +15,7 @@ const backButton = ref(null);
const title = ref("");
const close = ref(false);
const hasBack = ref(false);
+const def = ref(true);
let backFunction;
@@ -27,6 +29,11 @@ function setupHandle() {
backFunction = win.back;
}
+ if(handleHeight) {
+ let handle = document.getElementById('window-handle-' + id);
+ handle.style.height = handleHeight;
+ }
+
// Setup sounds
let currentWindowId = "window-wrapper-" + id;
let currentWindow = document.getElementById(currentWindowId);
@@ -42,6 +49,14 @@ function CloseButton(){
ClearWindow(id)
}
+onMounted(() => {
+ if(props.custom) def.value = false;
+ if(props.color) {
+ let handle = document.getElementById('window-handle-' + id);
+ handle.style.backgroundColor = props.color;
+ }
+});
+
defineExpose({
setupHandle
});
@@ -51,13 +66,13 @@ defineExpose({
+
+
+
+{{ data.name }}
+
-
+
-
+
{{ title }}
-
+
