mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2024-06-13 10:59:37 +00:00
Use html landmark elements (#1361)
Co-authored-by: Anbraten <anton@ju60.de>
This commit is contained in:
parent
b15ca52a63
commit
8593b756b8
|
@ -3,14 +3,14 @@
|
||||||
<router-view v-if="blank" />
|
<router-view v-if="blank" />
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<div class="relative flex min-h-0 h-full">
|
<main class="relative flex min-h-0 h-full">
|
||||||
<div class="flex flex-col overflow-y-auto flex-grow">
|
<div class="flex flex-col overflow-y-auto flex-grow">
|
||||||
<router-view />
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
<transition name="slide-right">
|
<transition name="slide-right">
|
||||||
<PipelineFeedSidebar class="shadow-md border-l w-full absolute top-0 right-0 bottom-0 max-w-80 xl:max-w-96" />
|
<PipelineFeedSidebar class="shadow-md border-l w-full absolute top-0 right-0 bottom-0 max-w-80 xl:max-w-96" />
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
<notifications position="bottom right" />
|
<notifications position="bottom right" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
"color_scheme_dark": "Switch to light mode",
|
"color_scheme_dark": "Switch to light mode",
|
||||||
"unknown_error": "An unknown error occurred",
|
"unknown_error": "An unknown error occurred",
|
||||||
"documentation_for": "Documentation for \"{topic}\"",
|
"documentation_for": "Documentation for \"{topic}\"",
|
||||||
|
"pipeline_feed": "Pipeline feed",
|
||||||
"not_found": {
|
"not_found": {
|
||||||
"not_found": "Whoa 404, either we broke something or you had a typing mishap :-/",
|
"not_found": "Whoa 404, either we broke something or you had a typing mishap :-/",
|
||||||
"back_home": "Back to home"
|
"back_home": "Back to home"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<NavbarIcon :title="$t('repo.pipeline.tasks')" class="!p-1.5 relative" @click="toggle">
|
<NavbarIcon :title="$t('pipeline_feed')" class="!p-1.5 relative" @click="toggle">
|
||||||
<div v-if="activePipelines.length > 0" class="spinner">
|
<div v-if="activePipelines.length > 0" class="spinner">
|
||||||
<div class="spinner-ring ring1" />
|
<div class="spinner-ring ring1" />
|
||||||
<div class="spinner-ring ring2" />
|
<div class="spinner-ring ring2" />
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<div class="flex bg-lime-600 text-neutral-content p-4 dark:bg-dark-gray-800 dark:border-b dark:border-gray-700">
|
<nav class="flex bg-lime-600 text-neutral-content p-4 dark:bg-dark-gray-800 dark:border-b dark:border-gray-700">
|
||||||
<!-- Left Links Box -->
|
<!-- Left Links Box -->
|
||||||
<div class="flex text-white dark:text-gray-400 items-center space-x-2">
|
<div class="flex text-white dark:text-gray-400 items-center space-x-2">
|
||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
|
@ -51,7 +51,7 @@
|
||||||
<!-- Login Button -->
|
<!-- Login Button -->
|
||||||
<Button v-else :text="$t('login')" @click="doLogin" />
|
<Button v-else :text="$t('login')" @click="doLogin" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</nav>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="bg-white dark:bg-dark-gray-900 border-b dark:border-gray-700">
|
<header class="bg-white dark:bg-dark-gray-900 border-b dark:border-gray-700">
|
||||||
<FluidContainer class="!py-0">
|
<FluidContainer class="!py-0">
|
||||||
<div class="flex flex-wrap items-center justify-between py-4 <md:flex-row <md:gap-y-4">
|
<div class="flex flex-wrap items-center justify-between py-4 <md:flex-row <md:gap-y-4">
|
||||||
<div
|
<div
|
||||||
|
@ -42,7 +42,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</FluidContainer>
|
</FluidContainer>
|
||||||
</div>
|
</header>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
|
@ -1,7 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<aside
|
||||||
v-if="isPipelineFeedOpen"
|
v-if="isPipelineFeedOpen"
|
||||||
class="flex flex-col z-50 overflow-y-auto items-center bg-white dark:bg-dark-gray-800 dark:border-dark-500"
|
class="flex flex-col z-50 overflow-y-auto items-center bg-white dark:bg-dark-gray-800 dark:border-dark-500"
|
||||||
|
:aria-label="$t('pipeline_feed')"
|
||||||
>
|
>
|
||||||
<router-link
|
<router-link
|
||||||
v-for="pipeline in sortedPipelineFeed"
|
v-for="pipeline in sortedPipelineFeed"
|
||||||
|
@ -16,7 +17,7 @@
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<span v-if="sortedPipelineFeed.length === 0" class="text-color m-4">{{ $t('repo.pipeline.no_pipelines') }}</span>
|
<span v-if="sortedPipelineFeed.length === 0" class="text-color m-4">{{ $t('repo.pipeline.no_pipelines') }}</span>
|
||||||
</div>
|
</aside>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col w-full h-full justify-center items-center">
|
<main class="flex flex-col w-full h-full justify-center items-center">
|
||||||
<div v-if="errorMessage" class="bg-red-400 text-white dark:text-gray-500 p-4 rounded-md text-lg">
|
<div v-if="errorMessage" class="bg-red-400 text-white dark:text-gray-500 p-4 rounded-md text-lg">
|
||||||
{{ errorMessage }}
|
{{ errorMessage }}
|
||||||
</div>
|
</div>
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
<Button class="mt-4" @click="doLogin">{{ $t('login') }}</Button>
|
<Button class="mt-4" @click="doLogin">{{ $t('login') }}</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
Loading…
Reference in a new issue