Update favicon and enhance UI components for improved user experience

- Replaced PNG favicon with SVG for better scalability and visual quality across devices.
- Updated Vite configuration to include the new SVG favicon and adjusted asset paths.
- Enhanced various UI components with improved focus management and accessibility features.
- Introduced new styles to hide scrollbars while maintaining scroll functionality for a cleaner interface.
This commit is contained in:
Dorian
2026-02-17 22:10:38 +00:00
parent 8a32e36d85
commit b63612c5ae
21 changed files with 486 additions and 107 deletions
+24 -24
View File
@@ -9,7 +9,7 @@ export default defineConfig({
vue(),
VitePWA({
registerType: 'autoUpdate',
includeAssets: ['favico.png', 'favico.svg', 'favicon.ico'],
includeAssets: ['assets/icon/favico-black.svg', 'favico.svg', 'favicon.ico'],
manifest: {
name: 'Archipelago',
short_name: 'Archipelago',
@@ -24,63 +24,63 @@ export default defineConfig({
prefer_related_applications: false,
icons: [
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '72x72',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '96x96',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '128x128',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '144x144',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '152x152',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '192x192',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '384x384',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '512x512',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '192x192',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'maskable'
},
{
src: '/assets/img/favico.png',
src: '/assets/icon/favico-black.svg',
sizes: '512x512',
type: 'image/png',
type: 'image/svg+xml',
purpose: 'maskable'
}
],
@@ -90,21 +90,21 @@ export default defineConfig({
short_name: 'Dashboard',
description: 'Open the dashboard',
url: '/dashboard',
icons: [{ src: '/assets/img/favico.png', sizes: '192x192' }]
icons: [{ src: '/assets/icon/favico-black.svg', sizes: '192x192' }]
},
{
name: 'My Apps',
short_name: 'Apps',
description: 'Manage your apps',
url: '/apps',
icons: [{ src: '/assets/img/favico.png', sizes: '192x192' }]
icons: [{ src: '/assets/icon/favico-black.svg', sizes: '192x192' }]
},
{
name: 'App Store',
short_name: 'Store',
description: 'Browse and install apps',
url: '/marketplace',
icons: [{ src: '/assets/img/favico.png', sizes: '192x192' }]
icons: [{ src: '/assets/icon/favico-black.svg', sizes: '192x192' }]
}
]
},