noxious/client
6
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#259 - Changed bg options for modals, restyled GM Panel

Browse Source
This commit is contained in:
Colin Kallemein
2024-12-15 15:24:10 +01:00
parent d58cfa668d
commit 03313cb092
19 changed files with 103 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,8 +5,8 @@
<div @mousedown="startDrag" class="cursor-move p-2.5 flex justify-between items-center border-solid border-0 border-b border-gray-500 relative">
<div
:class="{
'bg-[url(/assets/ui-texture.png)] bg-no-repeat bg-center bg-cover opacity-90': !disableBgTexture,
'bg-gray-700': disableBgTexture
'bg-[url(/assets/ui-texture.png)] bg-no-repeat bg-center bg-cover opacity-90': bgStyle === 'textured',
'bg-gray-700': bgStyle !== 'textured'
}"
class="rounded-t absolute w-full h-full top-0 left-0"
/>
@ -27,8 +27,9 @@
<div class="overflow-hidden grow relative">
<div
:class="{
'bg-[url(/assets/ui-texture.png)] bg-no-repeat bg-center bg-cover opacity-90': !disableBgTexture,
'bg-gray-700': disableBgTexture
'bg-[url(/assets/ui-texture.png)] bg-no-repeat bg-center bg-cover opacity-90': bgStyle === 'textured',
'bg-gray-800': bgStyle === 'dark',
'bg-gray-700': bgStyle === 'none'
}"
class="rounded-b absolute w-full h-full top-0 left-0"
/>
@ -54,7 +55,7 @@ interface ModalProps {
modalPositionY?: number
modalWidth?: number
modalHeight?: number
disableBgTexture?: boolean
bgStyle?: string
}
interface Position {
@ -74,7 +75,7 @@ const props = withDefaults(defineProps<ModalProps>(), {
modalPositionY: 0,
modalWidth: 500,
modalHeight: 280,
disableBgTexture: false
bgStyle: 'textured'
})
const emit = defineEmits<{