Update UI styles and enhance controller navigation functionality
- Replaced cyan color with yellow in various UI components for a cohesive visual theme. - Improved focus styles for controller navigation, adding subtle grow and glow effects to sidebar items and containers. - Enhanced controller navigation logic to support direct focus on app containers in the Marketplace and My Apps sections. - Introduced wheel scrolling support for better navigation experience within scrollable areas. - Removed unused audio tone function from useLoginSounds.ts to streamline code.
This commit is contained in:
@@ -134,6 +134,9 @@
|
||||
<div
|
||||
v-for="app in filteredApps"
|
||||
:key="app.id"
|
||||
data-controller-container
|
||||
:data-controller-install="!(isInstalled(app.id) || installingApps.has(app.id)) && (app.source === 'local' || !!app.dockerImage) ? '1' : undefined"
|
||||
tabindex="0"
|
||||
class="glass-card p-6 hover:bg-white/10 transition-all cursor-pointer flex flex-col"
|
||||
@click="viewAppDetails(app)"
|
||||
>
|
||||
@@ -171,6 +174,7 @@
|
||||
</button>
|
||||
<button
|
||||
v-else-if="app.source === 'local' || app.dockerImage"
|
||||
data-controller-install-btn
|
||||
@click.stop="app.source === 'local' ? installApp(app) : installCommunityApp(app)"
|
||||
:disabled="installingApps.has(app.id)"
|
||||
class="flex-1 px-4 py-2 gradient-button rounded-lg text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
|
||||
Reference in New Issue
Block a user