summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkDivider.vue
blob: f72f091383372431e6e42550215f4e95ee0ab4a4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!--
SPDX-FileCopyrightText: syuilo and misskey-project
SPDX-License-Identifier: AGPL-3.0-only
-->

<template>
<div
	class="default" :style="[
		marginTopBottom ? { marginTop: marginTopBottom, marginBottom: marginTopBottom } : {},
		marginLeftRight ? { marginLeft: marginLeftRight, marginRight: marginLeftRight } : {},
		borderStyle ? { borderStyle: borderStyle } : {},
		borderWidth ? { borderWidth: borderWidth } : {},
		borderColor ? { borderColor: borderColor } : {},
	]"
/>
</template>

<script setup lang="ts">
defineProps<{
	marginTopBottom?: string;
	marginLeftRight?: string;
	borderStyle?: string;
	borderWidth?: string;
	borderColor?: string;
}>();
</script>

<style scoped lang="scss">
.default {
	border-top: solid 0.5px var(--MI_THEME-divider);
}
</style>