mirror of
https://github.com/LizardByte/Sunshine.git
synced 2025-02-25 12:41:03 +00:00
e33dea7e3e
Some checks are pending
CI / GitHub Env Debug (push) Waiting to run
CI / Setup Release (push) Waiting to run
CI / Setup Flatpak Matrix (push) Waiting to run
CI / Linux Flatpak (push) Blocked by required conditions
CI / Linux ${{ matrix.type }} (--appimage-build, 22.04, AppImage) (push) Blocked by required conditions
CI / Homebrew (${{ matrix.os_name }}-${{ matrix.os_version }}${{ matrix.release == true && ' (Release)' || '' }}) (macos, 12) (push) Blocked by required conditions
CI / Homebrew (${{ matrix.os_name }}-${{ matrix.os_version }}${{ matrix.release == true && ' (Release)' || '' }}) (macos, 13) (push) Blocked by required conditions
CI / Homebrew (${{ matrix.os_name }}-${{ matrix.os_version }}${{ matrix.release == true && ' (Release)' || '' }}) (macos, 14) (push) Blocked by required conditions
CI / Homebrew (${{ matrix.os_name }}-${{ matrix.os_version }}${{ matrix.release == true && ' (Release)' || '' }}) (ubuntu, latest) (push) Blocked by required conditions
CI / Homebrew (${{ matrix.os_name }}-${{ matrix.os_version }}${{ matrix.release == true && ' (Release)' || '' }}) (ubuntu, latest, true) (push) Blocked by required conditions
CI / Macports (macOS-${{ matrix.os_version }}) (12, true) (push) Blocked by required conditions
CI / Macports (macOS-${{ matrix.os_version }}) (13) (push) Blocked by required conditions
CI / Macports (macOS-${{ matrix.os_version }}) (14) (push) Blocked by required conditions
CI / Windows (push) Blocked by required conditions
CI Docker / Check Dockerfiles (push) Waiting to run
CI Docker / Setup Release (push) Blocked by required conditions
CI Docker / Docker${{ matrix.tag }} (push) Blocked by required conditions
CodeQL / Get language matrix (push) Waiting to run
CodeQL / Analyze (${{ matrix.name }}) (push) Blocked by required conditions
Build GH-Pages / update_pages (push) Waiting to run
89 lines
3.0 KiB
Vue
89 lines
3.0 KiB
Vue
<template>
|
|
<nav class="navbar navbar-light navbar-expand-lg navbar-background header">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="/" title="Sunshine">
|
|
<img src="/images/logo-sunshine-45.png" height="45" alt="Sunshine">
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
|
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/"><i class="fas fa-fw fa-home"></i> {{ $t('navbar.home') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/pin"><i class="fas fa-fw fa-unlock"></i> {{ $t('navbar.pin') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/apps"><i class="fas fa-fw fa-stream"></i> {{ $t('navbar.applications') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/config"><i class="fas fa-fw fa-cog"></i> {{ $t('navbar.configuration') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/password"><i class="fas fa-fw fa-user-shield"></i> {{ $t('navbar.password') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/troubleshooting"><i class="fas fa-fw fa-info"></i> {{ $t('navbar.troubleshoot') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<ThemeToggle/>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</template>
|
|
|
|
<script>
|
|
import ThemeToggle from './ThemeToggle.vue'
|
|
import { initDiscord } from '@lizardbyte/shared-web/src/js/discord.js'
|
|
|
|
export default {
|
|
components: { ThemeToggle },
|
|
created() {
|
|
console.log("Header mounted!")
|
|
},
|
|
mounted() {
|
|
let el = document.querySelector("a[href='" + document.location.pathname + "']");
|
|
if (el) el.classList.add("active")
|
|
initDiscord();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.navbar-background {
|
|
background-color: #ffc400
|
|
}
|
|
|
|
.header .nav-link {
|
|
color: rgba(0, 0, 0, .65) !important;
|
|
}
|
|
|
|
.header .nav-link.active {
|
|
color: rgb(0, 0, 0) !important;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.header .nav-link:hover {
|
|
color: rgb(0, 0, 0) !important;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.header .navbar-toggler {
|
|
color: rgba(var(--bs-dark-rgb), .65) !important;
|
|
border: var(--bs-border-width) solid rgba(var(--bs-dark-rgb), 0.15) !important;
|
|
}
|
|
|
|
.header .navbar-toggler-icon {
|
|
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
|
|
}
|
|
|
|
.form-control::placeholder {
|
|
opacity: 0.5;
|
|
}
|
|
</style>
|