57 lines
1.2 KiB
SCSS
57 lines
1.2 KiB
SCSS
// 聊天页面公共样式变量
|
|
|
|
// 布局
|
|
$chat-header-height: 60px;
|
|
$chat-header-height-mobile: 50px;
|
|
$chat-header-height-small: 48px;
|
|
|
|
$chat-max-width: 1000px;
|
|
$chat-padding: 20px;
|
|
$chat-padding-mobile: 12px;
|
|
$chat-padding-small: 8px;
|
|
|
|
// 气泡列表
|
|
$bubble-padding-y: 24px;
|
|
$bubble-padding-x: 12px;
|
|
$bubble-gap: 24px;
|
|
|
|
$bubble-padding-y-mobile: 16px;
|
|
$bubble-padding-x-mobile: 8px;
|
|
$bubble-gap-mobile: 16px;
|
|
|
|
// 用户消息
|
|
$user-image-max-size: 200px;
|
|
$user-image-max-size-mobile: 150px;
|
|
$user-image-max-size-small: 120px;
|
|
|
|
// 颜色
|
|
$color-text-primary: #333;
|
|
$color-text-secondary: #888;
|
|
$color-text-tertiary: #bbb;
|
|
|
|
$color-border: rgba(0, 0, 0, 0.08);
|
|
$color-border-hover: rgba(0, 0, 0, 0.15);
|
|
|
|
$color-bg-hover: #f3f4f6;
|
|
$color-bg-light: #f5f7fa;
|
|
$color-bg-lighter: #e8f0fe;
|
|
$color-bg-selected: #d2e3fc;
|
|
$color-border-selected: #8ab4f8;
|
|
|
|
$color-primary: #409eff;
|
|
$color-primary-light: #f0f7ff;
|
|
$color-primary-lighter: #e6f2ff;
|
|
|
|
// 删除模式
|
|
$color-delete-bg: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
|
|
$color-delete-border: #fed7aa;
|
|
$color-delete-text: #ea580c;
|
|
|
|
// 动画
|
|
$transition-fast: 0.2s ease;
|
|
$transition-normal: 0.3s ease;
|
|
|
|
// 响应式断点
|
|
$breakpoint-tablet: 768px;
|
|
$breakpoint-mobile: 480px;
|