🔧 chore: 调整 PlaylistDrawer 组件的样式，增加内边距

algerkong · algerkong · commit 3c792ce3cc83 · 2025-05-15T21:17:14.000+08:00
diff --git a/src/renderer/components/common/PlaylistDrawer.vue b/src/renderer/components/common/PlaylistDrawer.vue
@@ -254,7 +254,7 @@ watch(
 }
 
 .playlist-drawer {
-  @apply flex flex-col gap-6;
+  @apply flex flex-col gap-6 py-6;
 }
 
 .create-playlist-section {
@@ -335,7 +335,7 @@ watch(
 }
 
 .playlist-list {
-  @apply flex flex-col gap-2;
+  @apply flex flex-col gap-2 pb-40;
 }
 
 .playlist-item {
@@ -367,4 +367,9 @@ watch(
     }
   }
 }
+
+:deep(.n-drawer-body-content-wrapper) {
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
+}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -254,7 +254,7 @@ watch(`
`254`	`254`	`}`
`255`	`255`
`256`	`256`	`.playlist-drawer {`
`257`		`- @apply flex flex-col gap-6;`
	`257`	`+ @apply flex flex-col gap-6 py-6;`
`258`	`258`	`}`
`259`	`259`
`260`	`260`	`.create-playlist-section {`
`@@ -335,7 +335,7 @@ watch(`
`335`	`335`	`}`
`336`	`336`
`337`	`337`	`.playlist-list {`
`338`		`- @apply flex flex-col gap-2;`
	`338`	`+ @apply flex flex-col gap-2 pb-40;`
`339`	`339`	`}`
`340`	`340`
`341`	`341`	`.playlist-item {`
`@@ -367,4 +367,9 @@ watch(`
`367`	`367`	`}`
`368`	`368`	`}`
`369`	`369`	`}`
	`370`	`+`
	`371`	`+:deep(.n-drawer-body-content-wrapper) {`
	`372`	`+ padding-bottom: 0 !important;`
	`373`	`+ padding-top: 0 !important;`
	`374`	`+}`
`370`	`375`	`</style>`