feat: 优化页面样式边距

This commit is contained in:
alger
2026-02-08 01:39:20 +08:00
parent e53a035ebc
commit ae20f78ec0
34 changed files with 1201 additions and 2107 deletions
+3 -3
View File
@@ -5,7 +5,7 @@
<n-scrollbar class="h-full" @scroll="handleScroll">
<div class="search-result-content pb-32">
<!-- Header Section -->
<section class="header-section px-4 md:px-8 pt-8 pb-6">
<section class="header-section page-padding-x pt-8 pb-6">
<div class="flex flex-col gap-6">
<div>
<h1
@@ -40,7 +40,7 @@
<!-- Action Bar (Sticky) -->
<section
v-if="searchDetail?.songs?.length && searchType === SEARCH_TYPE.MUSIC"
class="action-bar sticky top-0 z-20 px-4 md:px-8 py-3 bg-white/80 dark:bg-black/80 backdrop-blur-xl border-b border-neutral-100 dark:border-neutral-800/50"
class="action-bar sticky top-0 z-20 page-padding-x py-3 bg-white/80 dark:bg-black/80 backdrop-blur-xl border-b border-neutral-100 dark:border-neutral-800/50"
>
<div class="flex items-center justify-between gap-4">
<div class="flex items-center gap-3">
@@ -110,7 +110,7 @@
</section>
<!-- Results Section -->
<section class="results-section px-4 md:px-8 mt-6">
<section class="results-section page-padding-x mt-6">
<n-spin :show="searchDetailLoading">
<div
v-if="searchDetailLoading && !isLoadingMore"
+1 -1
View File
@@ -3,7 +3,7 @@
class="search-page-container h-full w-full bg-white dark:bg-black transition-colors duration-500"
>
<n-scrollbar class="h-full">
<div class="search-content w-full pb-32 pt-6 px-4 sm:px-6 lg:px-8 lg:pl-0">
<div class="search-content w-full pb-32 pt-6 page-padding">
<!-- Search Header / Hero -->
<div class="mb-8 flex flex-col md:flex-row md:items-end justify-between gap-6">
<div>