|
@@ -98,8 +98,9 @@
|
|
|
<!-- 添加模型配置和语音配置的容器 --> <!-- <PermissionConfig/> -->
|
|
|
<div class="config-container">
|
|
|
<div class="config-header" style="border-bottom: 1px solid #e5e5e5;" @click="showSystemGraph">
|
|
|
- <img src="../assets/lock.png" alt="permission" class="config-icon" />
|
|
|
- <span>系统配置</span>
|
|
|
+ <img src="../assets/setting.png" alt="permission" class="config-icon" />
|
|
|
+ <span style="color:#333333;">系统配置</span>
|
|
|
+ <img src="..//assets/svg/down.svg" alt="permission" style="margin-left:auto;" class="config-icon" />
|
|
|
</div>
|
|
|
|
|
|
<!-- 系统图抽屉 -->
|
|
@@ -114,8 +115,8 @@
|
|
|
</a-drawer>
|
|
|
<div class="config-header" @click="goToRoleManagement">
|
|
|
<img src="../assets/lock.png" alt="permission" class="config-icon" />
|
|
|
- <span>角色及权限管理</span>
|
|
|
-
|
|
|
+ <span style="color:#333333;">角色及权限管理</span>
|
|
|
+ <img src="..//assets/svg/down.svg" alt="permission" style="margin-left:auto;" class="config-icon" />
|
|
|
</div>
|
|
|
|
|
|
<!-- <div class="role-management-entry" @click="goToRoleManagement">
|
|
@@ -3762,7 +3763,7 @@ const updateCollapsedState = () => {
|
|
|
padding: 12px 16px;
|
|
|
border-radius: 12px;
|
|
|
background: #fff;
|
|
|
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
|
|
+ /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); */
|
|
|
}
|
|
|
|
|
|
/* 用户消息的气泡样式 */
|
|
@@ -6416,8 +6417,8 @@ button,
|
|
|
/* FAB 浮动操作按钮样式 */
|
|
|
.fab {
|
|
|
position: fixed;
|
|
|
- bottom: 22%;
|
|
|
- right: 29%;
|
|
|
+ bottom: 10%;
|
|
|
+ right: 5%;
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
background: #ffd700;
|
|
@@ -6434,8 +6435,8 @@ button,
|
|
|
/* 响应式定位 - 确保在不同屏幕尺寸下都在合适位置 */
|
|
|
@media (max-width: 768px) {
|
|
|
.fab {
|
|
|
- bottom: 22%;
|
|
|
- right: 20%;
|
|
|
+ bottom: 10%;
|
|
|
+ right: 5%;
|
|
|
width: 45px;
|
|
|
height: 45px;
|
|
|
}
|
|
@@ -6443,8 +6444,8 @@ button,
|
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
.fab {
|
|
|
- bottom: 22%;
|
|
|
- right: 18%;
|
|
|
+ bottom: 10%;
|
|
|
+ right: 5%;
|
|
|
width: 40px;
|
|
|
height: 40px;
|
|
|
}
|
|
@@ -6453,8 +6454,8 @@ button,
|
|
|
/* 大屏幕优化 */
|
|
|
@media (min-width: 1200px) {
|
|
|
.fab {
|
|
|
- bottom: 22%;
|
|
|
- right: 29%;
|
|
|
+ bottom: 10%;
|
|
|
+ right: 5%;
|
|
|
width: 55px;
|
|
|
height: 55px;
|
|
|
}
|
|
@@ -6463,8 +6464,8 @@ button,
|
|
|
/* 超宽屏幕优化 */
|
|
|
@media (min-width: 1920px) {
|
|
|
.fab {
|
|
|
- bottom: 22%;
|
|
|
- right: 29%;
|
|
|
+ bottom: 10%;
|
|
|
+ right: 5%;
|
|
|
width: 60px;
|
|
|
height: 60px;
|
|
|
}
|