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:
+24
-24
@@ -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' }]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user