Link header logo to front page
This commit is contained in:
@@ -1,7 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<header class="header" :class="[`header-${position}`]">
|
<header class="header" :class="[`header-${position}`]">
|
||||||
<div class="header-left">
|
<div class="header-left">
|
||||||
<img :src="logoUrl" alt="MediaHive" class="header-logo" />
|
<RouterLink to="/" class="header-logo-link" aria-label="Go to front page">
|
||||||
|
<img :src="logoUrl" alt="MediaHive" class="header-logo" />
|
||||||
|
</RouterLink>
|
||||||
<nav class="header-nav">
|
<nav class="header-nav">
|
||||||
<!-- Browse mode: show both Movies and Series -->
|
<!-- Browse mode: show both Movies and Series -->
|
||||||
<template v-if="!isDetailPage">
|
<template v-if="!isDetailPage">
|
||||||
|
|||||||
@@ -149,6 +149,11 @@ html.mouse-active ::-webkit-scrollbar-thumb:hover {
|
|||||||
gap: 12px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-logo-link {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.header-logo {
|
.header-logo {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|||||||
Reference in New Issue
Block a user