alsaze/Kotyata
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial

Browse Source
This commit is contained in:
Nadar
2026-03-17 13:24:22 +03:00
commit 82e5ac9d81
554 changed files with 29637 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
apps/client/components/settings/tariff-card.vue Normal file
View File

@@ -0,0 +1,48 @@
<template>
<div class="settings-tariff-card">
<div class="settings-tariff-card__header">
<div>
<slot name="icon" />
<h4 class="d-inline-block ml-8 text-clr-grey-600">
{{ title }}
</h4>
</div>
<slot name="subtitle" />
</div>
<div class="settings-tariff-card__content">
<slot name="content" />
</div>
</div>
</template>
<script setup>
defineProps({
title: { type: String, required: true },
})
</script>
<style lang="scss">
.settings-tariff-card {
&__header{
padding: 24px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
background-color: $clr-grey-100;
display: flex;
justify-content: space-between;
align-items: center;
}
&__content{
padding: 24px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border: 2px solid $clr-grey-100;
display: flex;
gap: 32px;
}
}
</style>