imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

GmPanel is full screen by default now

Browse Source
This commit is contained in:
Dennis Postma 2024-12-12 01:12:33 +01:00
parent 608932300f
commit 7d6bd39f29
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/gameMaster/GmPanel.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Modal :isModalOpen="gameStore.uiSettings.isGmPanelOpen" @modal:close="() => gameStore.toggleGmPanel()" :modal-width="1000" :modal-height="650" :can-full-screen="true" :disable-bg-texture="true"> <Modal :isModalOpen="gameStore.uiSettings.isGmPanelOpen" @modal:close="() => gameStore.toggleGmPanel()" :modal-width="1000" :modal-height="650" :is-full-screen="true" :disable-bg-texture="true">
<template #modalHeader> <template #modalHeader>
<div class="flex gap-1.5 flex-wrap"> <div class="flex gap-1.5 flex-wrap">
<button @mousedown.stop class="btn-cyan py-1.5 px-4 min-w-24">General</button> <button @mousedown.stop class="btn-cyan py-1.5 px-4 min-w-24">General</button>

4
src/components/utilities/Modal.vue
View File

@ -48,6 +48,7 @@ interface ModalProps {
isModalOpen: boolean isModalOpen: boolean
closable?: boolean closable?: boolean
isResizable?: boolean isResizable?: boolean
isFullScreen?: boolean
canFullScreen?: boolean canFullScreen?: boolean
modalPositionX?: number modalPositionX?: number
modalPositionY?: number modalPositionY?: number
@ -67,6 +68,7 @@ const props = withDefaults(defineProps<ModalProps>(), {
isModalOpen: false, isModalOpen: false,
closable: true, closable: true,
isResizable: true, isResizable: true,
isFullScreen: false,
canFullScreen: false, canFullScreen: false,
modalPositionX: 0, modalPositionX: 0,
modalPositionY: 0, modalPositionY: 0,
@ -87,7 +89,7 @@ const x = ref(0)
const y = ref(0) const y = ref(0)
const isResizing = ref(false) const isResizing = ref(false)
const isDragging = ref(false) const isDragging = ref(false)
const isFullScreen = ref(false) const isFullScreen = ref(props.isFullScreen)
const minDimensions = { const minDimensions = {
width: 200, width: 200,