From dd15958e9035089b68a3f66630b54c22b5eb44cf Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sat, 4 Apr 2026 13:42:37 +0900
Subject: [PATCH] =?UTF-8?q?fix(app):=20=EA=B3=A1=20=EC=83=81=EC=84=B8=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EC=B9=B4=EB=93=9C=20=EB=B0=B0=EA=B2=BD=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0,=20=EC=9B=B9=EA=B3=BC=20=EB=8F=99=EC=9D=BC?=
 =?UTF-8?q?=ED=95=98=EA=B2=8C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 각 섹션 카드(Container + 흰색 배경) → Padding으로 원복
- Scaffold 배경을 흰색으로 변경 (웹과 동일)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/lib/views/album/track_detail_view.dart | 38 +++++-----------------
 1 file changed, 9 insertions(+), 29 deletions(-)

diff --git a/app/lib/views/album/track_detail_view.dart b/app/lib/views/album/track_detail_view.dart
index 8053bbc..49c1857 100644
--- a/app/lib/views/album/track_detail_view.dart
+++ b/app/lib/views/album/track_detail_view.dart
@@ -62,12 +62,12 @@ class _TrackDetailViewState extends State<TrackDetailView> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: AppColors.background,
+      backgroundColor: Colors.white,
       appBar: AppBar(
         backgroundColor: Colors.white,
         foregroundColor: AppColors.textPrimary,
         elevation: 0,
-        scrolledUnderElevation: 0,
+        scrolledUnderElevation: 0.5,
         leading: IconButton(
           icon: const Icon(LucideIcons.arrowLeft),
           onPressed: () => context.pop(),
@@ -162,13 +162,8 @@ class _TrackHeader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      margin: const EdgeInsets.fromLTRB(16, 16, 16, 8),
+    return Padding(
       padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.circular(12),
-      ),
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
@@ -303,13 +298,8 @@ class _MusicVideoSection extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      margin: const EdgeInsets.fromLTRB(16, 0, 16, 8),
-      padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.circular(12),
-      ),
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
@@ -388,13 +378,8 @@ class _CreditSection extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      margin: const EdgeInsets.fromLTRB(16, 0, 16, 8),
-      padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.circular(12),
-      ),
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
@@ -535,13 +520,8 @@ class _LyricsSection extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      margin: const EdgeInsets.fromLTRB(16, 0, 16, 8),
-      padding: const EdgeInsets.all(16),
-      decoration: BoxDecoration(
-        color: Colors.white,
-        borderRadius: BorderRadius.circular(12),
-      ),
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [