eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix tauri modal drag region (#72)

Browse Source
This commit is contained in:
Geometrically
2023-06-20 17:14:48 -07:00
committed by GitHub
parent 6e0659af4c
commit 33f3479569
2 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
lib/components/base/Modal.vue
View File

@@ -1,12 +1,17 @@
<template> <template>
<div v-if="shown"> <div v-if="shown">
<div
:class="{ shown: actuallyShown }"
class="tauri-overlay"
data-tauri-drag-region
@click="() => (closable ? hide() : {})"
/>
<div <div
:class="{ :class="{
shown: actuallyShown, shown: actuallyShown,
noblur: props.noblur, noblur: props.noblur,
}" }"
class="modal-overlay" class="modal-overlay"
data-tauri-drag-region
@click="() => (closable ? hide() : {})" @click="() => (closable ? hide() : {})"
/> />
<div class="modal-container" :class="{ shown: actuallyShown }"> <div class="modal-container" :class="{ shown: actuallyShown }">
@@ -69,6 +74,21 @@ defineExpose({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.tauri-overlay {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 20;
&.shown {
opacity: 1;
visibility: visible;
}
}
.modal-overlay { .modal-overlay {
visibility: hidden; visibility: hidden;
position: fixed; position: fixed;
@@ -76,7 +96,7 @@ defineExpose({
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 20; z-index: 19;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
&.shown { &.shown {

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "omorphia", "name": "omorphia",
"type": "module", "type": "module",
"version": "0.4.30", "version": "0.4.31",
"files": [ "files": [
"dist", "dist",
"lib" "lib"