Refactor frontend components for improved functionality and accessibility
- Consolidated global error handling in app.vue to redirect users to the login page on API authentication failure. - Enhanced MapView component by reintroducing event listeners for selected map and marker updates, improving interactivity. - Updated PasswordInput and various modal components to ensure proper input handling and accessibility compliance. - Refactored MapControls and MapControlsContent to streamline prop management and enhance user experience. - Improved error handling in local storage operations within useMapBookmarks and useRecentLocations composables. - Standardized input elements across forms for consistency in user interaction.
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
type="checkbox"
|
||||
class="drawer-toggle"
|
||||
@change="onDrawerChange"
|
||||
/>
|
||||
>
|
||||
<div class="drawer-content flex flex-col h-screen overflow-hidden">
|
||||
<header class="navbar relative z-[1100] bg-base-100/80 backdrop-blur-xl border-b border-base-300/50 px-4 gap-2 shrink-0">
|
||||
<NuxtLink to="/" class="flex items-center gap-2 text-lg font-semibold hover:opacity-80 transition-all duration-200">
|
||||
@@ -87,7 +87,7 @@
|
||||
class="toggle toggle-sm toggle-primary shrink-0"
|
||||
:checked="dark"
|
||||
@change="onThemeToggle"
|
||||
/>
|
||||
>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
@@ -177,7 +177,7 @@
|
||||
class="toggle toggle-sm toggle-primary shrink-0"
|
||||
:checked="dark"
|
||||
@change="onThemeToggle"
|
||||
/>
|
||||
>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
@@ -296,7 +296,7 @@ async function loadConfig(loadToken: number) {
|
||||
const config = await useMapApi().getConfig()
|
||||
if (loadToken !== loadId) return
|
||||
if (config?.title) title.value = config.title
|
||||
} catch (_) {}
|
||||
} catch { /* ignore */ }
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
Reference in New Issue
Block a user