aboutsummaryrefslogtreecommitdiffstats
path: root/components/base/Modal.vue
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2024-03-11 00:32:51 +0000
committerLeonardo Bishop <me@leonardobishop.com>2024-03-11 00:32:51 +0000
commit27d85f0cda4d6f71a5a8eab8f416f29f01602b38 (patch)
tree13e7c6b1956030170cef6ce5bade5224e56b1c17 /components/base/Modal.vue
parentaceef6edd8bd1663249e9d06fc1d4a063add4689 (diff)
Add rest of item stack picker
Diffstat (limited to 'components/base/Modal.vue')
-rw-r--r--components/base/Modal.vue10
1 files changed, 5 insertions, 5 deletions
diff --git a/components/base/Modal.vue b/components/base/Modal.vue
index 46d5da5..f7b6df3 100644
--- a/components/base/Modal.vue
+++ b/components/base/Modal.vue
@@ -18,7 +18,7 @@ const model = defineModel();
<style scoped>
#modal {
- align-items: center;
+ align-items: start;
justify-content: center;
position: fixed;
top: 0;
@@ -29,17 +29,18 @@ const model = defineModel();
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s;
display: none;
- overflow: visible;
+ overflow: auto;
}
.modal-content {
background-color: var(--color-background);
border: 1px solid var(--color-border);
+ margin-top: 4rem;
padding: 1rem;
width: 100%;
max-width: 600px;
- max-height: 80%;
- overflow-y: visible;
+ /* max-height: 90%; */
+ /* overflow-y: auto; */
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@@ -64,5 +65,4 @@ const model = defineModel();
border-bottom: 1px solid var(--color-border);
margin-bottom: 1rem;
}
-
</style> \ No newline at end of file