hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

dialog detail => Done

Browse source
This commit is contained in:
watcharanondh 2023-06-13 01:15:17 +07:00
parent d6010bf0f1
commit 8704c1ff39
3 changed files with 434 additions and 375 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/modules/05_placement/components/pass/DialogHeader.vue
View file

@ -1,19 +1,4 @@
<template>
<q-toolbar>
<q-toolbar-title class="text-subtitle2 text-bold">{{ title }}</q-toolbar-title>
<q-btn
icon="close"
unelevated
round
dense
@click="close"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
</template>
<script setup lang="ts">
import { ref, useAttrs } from "vue";
const props = defineProps({
title: String,
close: {
@ -24,5 +9,23 @@ const props = defineProps({
const close = async () => {
props.close();
};
</script>
<template>
<q-toolbar class="header-main">
<q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
<q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
</q-toolbar>
</template>
<style scoped lang="scss">
.header-main {
padding: 16px 0px 16px 27px;
}
.header-text {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #35373C;
}
</style>