diff --git a/src/main/assets/apps/home/home.rml b/src/main/assets/apps/home/home.rml index b42c94b..1cc988e 100644 --- a/src/main/assets/apps/home/home.rml +++ b/src/main/assets/apps/home/home.rml @@ -43,30 +43,31 @@ width: 100%; } + /* Third-party apps use same sizing as system apps */ #third-party-apps .app-icon { width: 25%; box-sizing: border-box; } #third-party-apps .app-icon-image { - width: 56px; - height: 56px; - border-radius: 14px; + width: 72px; + height: 72px; + border-radius: 18px; display: flex; align-items: center; justify-content: center; - margin: 0 auto 8px auto; + margin: 0 auto 12px auto; cursor: pointer; } #third-party-apps .app-icon-image:hover { - opacity: 0.8; + transform: scale(1.05); } #third-party-apps .app-icon-label { display: block; text-align: center; - font-size: 12px; + font-size: 16px; color: #FFFFFF; } diff --git a/src/main/assets/apps/music/music.rml b/src/main/assets/apps/music/music.rml index 46b1e97..501cc4b 100644 --- a/src/main/assets/apps/music/music.rml +++ b/src/main/assets/apps/music/music.rml @@ -25,14 +25,15 @@ align-items: center; padding: 8px 16px; background-color: #282828; - border-top: 1px solid #333333; + border-top-width: 1px; + border-top-color: #333333; } .mini-player-art { width: 48px; height: 48px; border-radius: 4px; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background-color: #667eea; margin-right: 12px; display: flex; align-items: center; @@ -145,13 +146,14 @@ /* Quick Access Cards */ .quick-access { - display: grid; - grid-template-columns: 1fr 1fr; + display: flex; + flex-wrap: wrap; gap: 8px; padding: 0 16px; } .quick-card { + width: 48%; display: flex; align-items: center; background-color: #282828; @@ -228,7 +230,8 @@ display: flex; height: 56px; background-color: #1E1E1E; - border-top: 1px solid #282828; + border-top-width: 1px; + border-top-color: #282828; } .nav-item { @@ -256,12 +259,12 @@ } /* Color palette for album arts */ - .bg-gradient-1 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } - .bg-gradient-2 { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); } - .bg-gradient-3 { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } - .bg-gradient-4 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); } - .bg-gradient-5 { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); } - .bg-gradient-6 { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); } + .bg-gradient-1 { background-color: #667eea; } + .bg-gradient-2 { background-color: #f093fb; } + .bg-gradient-3 { background-color: #4facfe; } + .bg-gradient-4 { background-color: #43e97b; } + .bg-gradient-5 { background-color: #fa709a; } + .bg-gradient-6 { background-color: #a8edea; } .bg-solid-purple { background-color: #7c3aed; } .bg-solid-red { background-color: #dc2626; } .bg-solid-green { background-color: #16a34a; } diff --git a/src/main/assets/apps/settings/settings.rml b/src/main/assets/apps/settings/settings.rml index 0d80435..1142bab 100644 --- a/src/main/assets/apps/settings/settings.rml +++ b/src/main/assets/apps/settings/settings.rml @@ -43,7 +43,8 @@ } .settings-item + .settings-item { - border-top: 1px solid #333333; + border-top-width: 1px; + border-top-color: #333333; } .settings-icon { @@ -148,7 +149,7 @@ } -
+ @@ -243,7 +242,7 @@