Use html landmark elements (#1361)

Co-authored-by: Anbraten <anton@ju60.de>
This commit is contained in:
Lukas
2022-10-31 15:04:19 +01:00
committed by GitHub
parent b15ca52a63
commit 8593b756b8
7 changed files with 13 additions and 11 deletions

View File

@@ -1,5 +1,5 @@
<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 class="spinner-ring ring1" />
<div class="spinner-ring ring2" />

View File

@@ -1,6 +1,6 @@
<template>
<!-- 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 -->
<div class="flex text-white dark:text-gray-400 items-center space-x-2">
<!-- Logo -->
@@ -51,7 +51,7 @@
<!-- Login Button -->
<Button v-else :text="$t('login')" @click="doLogin" />
</div>
</div>
</nav>
</template>
<script lang="ts">

View File

@@ -1,5 +1,5 @@
<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">
<div class="flex flex-wrap items-center justify-between py-4 <md:flex-row <md:gap-y-4">
<div
@@ -42,7 +42,7 @@
</div>
</div>
</FluidContainer>
</div>
</header>
</template>
<script setup lang="ts">

View File

@@ -1,7 +1,8 @@
<template>
<div
<aside
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"
:aria-label="$t('pipeline_feed')"
>
<router-link
v-for="pipeline in sortedPipelineFeed"
@@ -16,7 +17,7 @@
</router-link>
<span v-if="sortedPipelineFeed.length === 0" class="text-color m-4">{{ $t('repo.pipeline.no_pipelines') }}</span>
</div>
</aside>
</template>
<script lang="ts">