diff --git a/components-diy/diy-tab.vue b/components-diy/diy-tab.vue
index 0a82ac4..18bed27 100644
--- a/components-diy/diy-tab.vue
+++ b/components-diy/diy-tab.vue
@@ -913,7 +913,7 @@ export default {
// ===== 主容器样式 =====
.tab-diy-component-preview-container {
width: 100%;
- min-height: 300px;
+ min-height: 0px;
display: flex;
border: 1px solid #e0e0e0;
border-radius: 4px;
diff --git a/pages_tool/ai-chat/ai-chat-message.vue b/pages_tool/ai-chat/ai-chat-message.vue
index 562b7b3..3d7c7d2 100644
--- a/pages_tool/ai-chat/ai-chat-message.vue
+++ b/pages_tool/ai-chat/ai-chat-message.vue
@@ -276,7 +276,7 @@
×
-
+
{{ emoji }}
-
+
@@ -3562,31 +3562,31 @@ $radius-lg: 36rpx;
.emoji-grid {
display: grid;
grid-template-columns: repeat(8, 1fr);
- gap: 12rpx;
- padding: 16rpx 8rpx;
+ gap: 8rpx;
+ padding: 20rpx 16rpx;
overflow-y: auto;
- max-height: 50vh;
+ max-height: 45vh;
.emoji-item {
display: flex;
align-items: center;
justify-content: center;
- width: 72rpx;
- height: 72rpx;
+ width: 100%;
+ height: 80rpx;
border-radius: 8rpx;
background-color: transparent;
transition: all 0.15s ease;
&:hover {
- background-color: #f0f0f0;
+ background-color: #f5f5f5;
}
&:active {
- background-color: #e0e0e0;
+ background-color: #e5e5e5;
}
.emoji-text {
- font-size: 44rpx;
+ font-size: 48rpx;
line-height: 1;
}
}