chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: rename class

Browse source
This commit is contained in:
Methapon2001 2024-08-01 17:18:04 +07:00
parent a71094ad9c
commit dd1fd62a0c
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/ImageUploadDialog.vue
View file

@ -40,7 +40,7 @@ function change(e: Event) {
</script> </script>
<template> <template>
<q-dialog v-model="dialogState"> <q-dialog v-model="dialogState">
<AppBox class="dialog-content"> <AppBox class="image-dialog-content">
<div class="row items-center q-py-sm q-px-md bordered-b"> <div class="row items-center q-py-sm q-px-md bordered-b">
<div style="flex: 1"><slot name="title" /></div> <div style="flex: 1"><slot name="title" /></div>
<div> <div>
@ -55,7 +55,7 @@ function change(e: Event) {
/> />
</div> </div>
</div> </div>
<div class="dialog-body"> <div class="image-dialog-body">
<input <input
type="file" type="file"
accept="image/*" accept="image/*"
@ -111,7 +111,7 @@ function change(e: Event) {
</template> </template>
<style scoped> <style scoped>
.dialog-content { .image-dialog-content {
padding: 0; padding: 0;
border-radius: var(--radius-2); border-radius: var(--radius-2);
flex-wrap: nowrap; flex-wrap: nowrap;
@ -120,19 +120,19 @@ function change(e: Event) {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.dialog-content { .image-dialog-content {
max-width: 60%; max-width: 60%;
} }
} }
.dialog-body { .image-dialog-body {
overflow-y: auto; overflow-y: auto;
background-color: var(--surface-2) !important; background-color: var(--surface-2) !important;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
height: calc(100vh - 300px); height: calc(100vh - 200px);
} }
.upload-image-btn { .upload-image-btn {
@ -149,7 +149,7 @@ function change(e: Event) {
.image-container { .image-container {
width: 100%; width: 100%;
height: calc(100vh - 300px); height: calc(100vh - 200px);
min-height: 480px; min-height: 480px;
& :deep(*) { & :deep(*) {