Skip to content
Snippets Groups Projects
Commit c7bc0dda authored by Griefed's avatar Griefed :joystick:
Browse files

refactor: Wrap dialog for new map generation and center on screen

parent 97d7c5ca
No related branches found
No related tags found
1 merge request!14Develop
This commit is part of merge request !14. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
Showing
with 48 additions and 45 deletions
src/pages/Index.vue
+ 48
− 45
View file @ c7bc0dda
...@@ -23,47 +23,54 @@ ...@@ -23,47 +23,54 @@
</span> </span>
</span> </span>
<span v-else> <span v-else>
<div class="row no-wrap q-pa-md"> <div class="row no-wrap q-pa-md absolute-center">
<div class="column" style="width: 600px;"> <q-card>
<div class="text-h6 q-mb-md text-grey-1">MapDimensions</div> <q-card-section>
<q-item> <div class="column" style="width: 600px;">
<q-item-section avatar> <div class="text-h6 q-mb-md text-black">New Map Dimensions</div>
<q-icon size="30px" color="secondary" name="mdi-arrow-expand-horizontal" /> <q-item>
</q-item-section> <q-item-section avatar>
<q-item-section> <q-icon size="30px" color="secondary" name="mdi-arrow-expand-horizontal" />
<q-slider v-model="store.state.mapSizeX" :min="1" :max="101" label color="secondary" :step="1" label-always/> </q-item-section>
</q-item-section> <q-item-section>
</q-item> <q-slider v-model="store.state.mapSizeX" :min="1" :max="101" label color="secondary" :step="1" label-always/>
</q-item-section>
<q-item> </q-item>
<q-item-section avatar>
<q-icon size="30px" color="secondary" name="mdi-arrow-expand-vertical" /> <q-item>
</q-item-section> <q-item-section avatar>
<q-item-section> <q-icon size="30px" color="secondary" name="mdi-arrow-expand-vertical" />
<q-slider v-model="store.state.mapSizeY" :min="1" :max="101" label color="secondary" :step="1" label-always/> </q-item-section>
</q-item-section> <q-item-section>
</q-item> <q-slider v-model="store.state.mapSizeY" :min="1" :max="101" label color="secondary" :step="1" label-always/>
<q-btn class="q-mr-xs" color="secondary" label="Generate New Map" @click='createMap()'> </q-item-section>
<q-tooltip :disable="$q.platform.is.mobile"> </q-item>
Create New Map <q-btn class="q-mr-xs" color="secondary" label="Generate New Map" @click='createMap()'>
</q-tooltip> <q-tooltip :disable="$q.platform.is.mobile">
</q-btn> Generate new map with size set above
</div> </q-tooltip>
<div class="column"> </q-btn>
<q-input </div>
v-model="mapString" </q-card-section>
filled
autogrow <q-card-section>
placeholder="Paste Map Data" <div class="column">
type="textarea" <div class="text-h6 q-mb-md text-black">Load Existing Map</div>
input-class="pastCodeArea" <q-input
></q-input> v-model="mapString"
<q-btn class="q-mr-xs" color="secondary" label="Load Map From Filedata" @click='loadMapData()'> filled
<q-tooltip :disable="$q.platform.is.mobile"> placeholder="Paste Map Data"
Load Map From Data type="textarea"
</q-tooltip> input-class="pastCodeArea"
</q-btn> ></q-input>
</div> <q-btn class="q-mr-xs" color="secondary" label="Load Map From Filedata" @click='loadMapData()'>
<q-tooltip :disable="$q.platform.is.mobile">
Load Map From Data
</q-tooltip>
</q-btn>
</div>
</q-card-section>
</q-card>
</div> </div>
</span> </span>
...@@ -123,8 +130,4 @@ export default defineComponent({ ...@@ -123,8 +130,4 @@ export default defineComponent({
.moveup { .moveup {
margin-top: -31px; margin-top: -31px;
} }
.pastCodeArea {
color: white;
}
</style> </style>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Me haz all ze repositoriiiiiiiiiiiiiiiiiies