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