moein/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Moein Moradi
2025-08-04 16:33:07 +03:30
commit f798e8e35c
9595 changed files with 1208683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
resources/js/views/pages/user-profile/profile/About.vue Normal file
View File

@@ -0,0 +1,111 @@
<script setup>
const props = defineProps({
data: {
type: null,
required: true,
},
})
</script>
<template>
<VCard class="mb-6">
<VCardText>
<p class="text-sm text-disabled">
ABOUT
</p>
<VList class="card-list text-medium-emphasis">
<VListItem
v-for="item in props.data.about"
:key="item.property"
>
<VListItemTitle>
<span class="d-flex align-center">
<VIcon
:icon="item.icon"
size="24"
class="me-2"
/>
<div class="text-body-1 font-weight-medium me-2">{{ item.property }}:</div>
<div>{{ item.value }}</div>
</span>
</VListItemTitle>
</VListItem>
</VList>
<p class="text-sm text-disabled mt-6">
CONTACTS
</p>
<VList class="card-list text-medium-emphasis">
<VListItem
v-for="item in props.data.contacts"
:key="item.property"
>
<VListItemTitle>
<span class="d-flex align-center">
<VIcon
:icon="item.icon"
size="24"
class="me-2"
/>
<div class="text-body-1 font-weight-medium me-2">{{ item.property }}:</div>
<div>{{ item.value }}</div>
</span>
</VListItemTitle>
</VListItem>
</VList>
<p class="text-sm text-disabled mt-6">
TEAMS
</p>
<VList class="card-list text-medium-emphasis">
<VListItem
v-for="item in props.data.teams"
:key="item.property"
>
<VListItemTitle>
<span class="d-flex align-center">
<div class="text-body-1 font-weight-medium me-2">{{ item.property }}</div>
<div>{{ item.value }}</div>
</span>
</VListItemTitle>
</VListItem>
</VList>
</VCardText>
</VCard>
<VCard>
<VCardText>
<p class="text-sm text-disabled">
OVERVIEW
</p>
<VList class="card-list text-medium-emphasis">
<VListItem
v-for="item in props.data.overview"
:key="item.property"
>
<VListItemTitle>
<span class="d-flex align-center">
<VIcon
:icon="item.icon"
size="24"
class="me-2"
/>
<div class="text-body-1 font-weight-medium me-2">{{ item.property }}:</div>
<div>{{ item.value }}</div>
</span>
</VListItemTitle>
</VListItem>
</VList>
</VCardText>
</VCard>
</template>
<style lang="scss" scoped>
.card-list {
--v-card-list-gap: 16px;
}
</style>