mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2024-06-02 21:49:25 +00:00
a2ca657631
* web: improve contrast in BuildProcList component * White text on gray instead of gray on gray. * web: improve contrast in Panel component * White header text on dark gray instead of gray on gray. * Gray body text on white instead of gray on gray. * Align header padding with the body.
24 lines
525 B
Vue
24 lines
525 B
Vue
<template>
|
|
<div class="rounded-md w-full shadow overflow-hidden bg-gray-300 dark:bg-dark-gray-700">
|
|
<div v-if="title" class="font-bold text-gray-200 bg-gray-400 dark:bg-dark-gray-800 px-4 py-2">{{ title }}</div>
|
|
<div class="w-full p-4 bg-white dark:bg-dark-gray-700">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
name: 'Panel',
|
|
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
},
|
|
});
|
|
</script>
|