【优化】调整 Ai Image 配置区域样式

This commit is contained in:
cherishsince 2024-05-25 16:21:00 +08:00
parent e801ea949b
commit df6cca0731

View File

@ -17,14 +17,17 @@
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Dall3 from './dall3/index.vue' import Dall3 from './dall3/index.vue'
//
const value = ref('DALL3绘画') const value = ref('DALL3绘画')
const options = ['DALL3绘画', 'MJ绘画'] const options = ['DALL3绘画', 'MJ绘画']
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.ai-image { .ai-image {
@ -39,11 +42,14 @@ const options = ['DALL3绘画', 'MJ绘画']
height: 100%; height: 100%;
width: 100%; width: 100%;
.left { .left {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 20px; padding: 20px;
width: 350px;
.segmented {
}
.segmented .el-segmented { .segmented .el-segmented {
--el-border-radius-base: 16px; --el-border-radius-base: 16px;
@ -55,7 +61,7 @@ const options = ['DALL3绘画', 'MJ绘画']
.modal-switch-container { .modal-switch-container {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
margin-top: 15px; margin-top: 30px;
} }
} }