Mes coses

This commit is contained in:
BinarySandia04 2024-09-09 19:57:20 +02:00
parent 796c4984a2
commit 5850a60488
6 changed files with 25 additions and 13 deletions

View File

@ -43,6 +43,7 @@ let toggled = props.toggled;
margin: 2px;
transition: .3s background-color;
border: 1px solid var(--color-border);
}
.icon-button:hover {

View File

@ -25,9 +25,6 @@ let title = data.title;
onMounted(() => {
SetupHandle(id, handle);
SetSize(id, {width: 500, height: 540});
SetResizable(id, true);
SetMinSize(id, {width: 500, height: 540});
SetMaxSize(id, {width: 700, height: 700});
ResetPosition(id, "center", emitter);
});

View File

@ -6,7 +6,7 @@ import WindowHandle from '@/views/partials/WindowHandle.vue';
import PlayerList from '../../partials/PlayerList.vue';
import { Disconnect, DisplayToast, GetCampaign, GetClient } from '../../../services/Dragonroll';
import CampaignBookList from '../../partials/books/CampaignBookList.vue';
import { ClearAll, ClearWindow, CreateWindow } from '../../../services/Windows';
import { ClearAll, ClearWindow, CreateWindow, SetMinSize, SetResizable } from '../../../services/Windows';
import { LaunchGame } from '../../../services/Game';
import { AddSound } from '../../../services/Sound';
import ChatComponent from '../../partials/ChatComponent.vue';
@ -29,6 +29,9 @@ onMounted(() => {
SetupHandle(id, handle);
SetSize(id, {width: 800, height: 750});
SetResizable(id, true);
SetMinSize(id, {width: 600, height: 500});
hide_chat.value = true;
ResetPosition(id, "center");
@ -135,13 +138,8 @@ function Exit(){
.campaign-preview-container {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 2fr 4fr 3fr;
&.campaign-preview-compact {
grid-template-columns: 2fr 4fr;
}
display: flex;
flex-direction: row;
}
.campaign-preview-column {
@ -150,12 +148,17 @@ function Exit(){
&.left {
background-color: var(--color-background-soft);
border-right: 1px solid var(--color-border);
flex-grow: 1;
min-width: 100px;
max-width: 300px;
}
&.center {
background-color: var(--color-background-semisoft);
display: flex;
flex-grow: 3;
}
&.right {

View File

@ -4,7 +4,7 @@ import WindowHandle from '@/views/partials/WindowHandle.vue';
import { onMounted, onUpdated, ref } from 'vue';
import { SetupHandle, SetSize, SetPosition, ResetPosition } from '@/services/Windows';
import IconButton from '@/views/partials/game/IconButton.vue'
import { CreateChildWindow, GetPosition } from '../../../services/Windows';
import { CreateChildWindow, GetPosition, SetMaxSize, SetMinSize, SetResizable } from '../../../services/Windows';
const props = defineProps(['data']);
const data = props.data;
@ -15,12 +15,15 @@ let id = data.id;
onMounted(() => {
SetupHandle(id, handle);
SetResizable(id, true);
SetSize(id, {width: 40, height: 200});
SetMinSize(id, {width: 40, height: 200});
SetMaxSize(id, {width: 40, height: 300});
ResetPosition(id, {x: 10, y: 200});
});
function EditEnvironment(){
let winPos = GetPosition(id);
CreateChildWindow(id, 'environment', {x: winPos.x + 50, y: winPos.y});

View File

@ -7,6 +7,7 @@ import { ImportDD2VTT } from '../../../services/Map';
import MapList from '../../partials/MapList.vue';
import IconButton from '@/views/partials/game/IconButton.vue';
import { SetMinSize, SetResizable, SetMaxSize } from '../../../services/Windows';
const props = defineProps(['data']);
const data = props.data;
@ -27,6 +28,9 @@ function NewMapButton(){
onMounted(() => {
SetupHandle(id, handle);
SetSize(id, {width: 300, height: 600});
SetResizable(id, true);
SetMinSize(id, {width: 300, height: 300});
SetMaxSize(id, {width: 300});
ResetPosition(id, {x: 100, y: 10});
mapUploader.value.addEventListener('change', (event) => {

View File

@ -3,6 +3,7 @@ import WindowHandle from '@/views/partials/WindowHandle.vue';
import { onMounted, onUpdated, ref, watch } from 'vue';
import { SetupHandle, SetSize, SetPosition, ResetPosition } from '@/services/Windows';
import { SetMaxSize, SetMinSize, SetResizable } from '../../../services/Windows';
const props = defineProps(['data']);
const data = props.data;
@ -14,6 +15,9 @@ let id = data.id;
onMounted(() => {
SetupHandle(id, handle);
SetSize(id, {width: 200, height: 300});
SetResizable(id, true);
SetMinSize(id, {width: 200, height: 200});
SetMaxSize(id, {width: 200});
ResetPosition(id, {x: 30, y: 300});
});
</script>