调整用户中心页面内容区域的顶部边距,并优化返回按钮的样式和定位。

This commit is contained in:
Wei_佳 2025-11-19 16:51:08 +08:00
parent 62354c9e23
commit 24bf93f0b3
4 changed files with 12 additions and 13 deletions

View File

@ -239,7 +239,7 @@ defineExpose({
padding: 24px;
min-height: calc(100vh - 40px);
position: relative;
margin-top: 50px;
}
.transfer-container {

View File

@ -63,7 +63,7 @@ function handleDeleteInvoice(invoice) {
padding: 24px;
min-height: calc(100vh - 40px);
position: relative;
margin-top: 50px;
}
.invoice-container {

View File

@ -82,7 +82,7 @@ function handleDownloadCertificate(item) {
padding: 24px;
min-height: calc(100vh - 40px);
position: relative;
margin-top: 50px;
}
.asset-grid {

View File

@ -35,7 +35,7 @@ import { useRouter, useRoute } from 'vue-router'
import api from '@/api'
import UserSidebar from './components/UserSidebar.vue'
const router = useRouter()
const router = useRouter()
const route = useRoute()
//
@ -192,23 +192,22 @@ onMounted(() => {
.back-button {
position: absolute;
top: 20px;
left: 20px;
display: flex;
top: 44px; /* Align with the content card's top padding area */
left: 44px; /* Align with the content card's left padding area */
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
gap: 4px;
padding: 0;
color: #606266;
cursor: pointer;
border-radius: 4px;
transition: all 0.3s ease;
font-size: 14px;
background: white;
background: transparent;
z-index: 10;
box-shadow: none;
}
.back-button:hover {
background: #F5F7FA;
color: #A30113;
}
@ -217,7 +216,7 @@ onMounted(() => {
}
.back-button:hover svg {
transform: translateX(-2px);
transform: translateX(-4px);
}
@media (max-width: 768px) {