enkapsulacja i uporządkowanie komponentów

2026-05-03 11:45:34 +00:00 · 2023-07-10 13:47:09 +02:00
parent e532c9f2da
commit 073288c8a9
8 changed files with 230 additions and 143 deletions
@@ -0,0 +1,41 @@
+<template>
+  <div class="image-preview" v-if="store.vehiclePreviewSrc">
+    <img :src="store.vehiclePreviewSrc" alt="preview" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useStore } from '../../store';
+
+export default defineComponent({
+  data() {
+    return {
+      store: useStore(),
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.image-preview {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  width: 100%;
+  height: 100%;
+
+  background: rgba(black, 0.85);
+
+  img {
+    width: 90%;
+    max-width: 800px;
+  }
+}
+</style>