Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

21 changes: 18 additions & 3 deletions src/layouts/full/customizer/CustomizerPanel.vue
Original file line number Diff line number Diff line change
Expand Up @@ -119,10 +119,8 @@ function clearoptions() {
}
.custom-font {
.v-selection-control-group {
.v-selection-control__wrapper {
display: none;
}
.v-selection-control {
position: relative;
border: 2px solid rgba(var(--v-theme-borderLight), 0.36);
outline: 6px solid rgba(var(--v-theme-borderLight), 0.1);
border-radius: 4px;
Expand All @@ -132,6 +130,23 @@ function clearoptions() {
border: 1px solid rgba(var(--v-theme-primary), 1);
outline: 6px solid rgba(var(--v-theme-primary), 0.1);
}

.v-selection-control__wrapper {
position: absolute;
inset: 0;
width: 100%;
height: 100%;

.v-selection-control__input {
position: absolute;
inset: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
margin: 0;
}
}
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/full/vertical-header/NotificationDD.vue
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const selectNotify = ref<string>('All Notifications');
<div class="d-flex align-center justify-space-between mb-3">
<h5>
All Notifications
<v-chip color="warning" variant="flat" size="small" class="ml-2 text-white">01</v-chip>
<v-chip color="warning" variant="flat" size="small" class="ml-2">01</v-chip>
</h5>
<a href="#" class="text-decoration-underline text-primary text-body-small">Mark as all read</a>
</div>
Expand Down
106 changes: 56 additions & 50 deletions src/layouts/full/vertical-header/ProfileDD.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,72 +10,78 @@ const swt2 = ref(false);
<!-- ---------------------------------------------- -->
<!-- profile DD -->
<!-- ---------------------------------------------- -->
<div class="pa-4">
<h4 class="mb-n1">Good Morning, <span class="font-weight-regular">John Doe</span></h4>
<span class="text-body-small text-medium-emphasis">Project admin</span>
<div class="pt-4">
<div class="px-4">
<h4 class="mb-n1">Good Morning, <span class="font-weight-regular">John Doe</span></h4>
<span class="text-body-small text-medium-emphasis">Project admin</span>

<v-text-field persistent-placeholder placeholder="Search" class="my-3" hide-details>
<template v-slot:prepend-inner>
<SearchIcon stroke-width="1.5" size="20" class="text-lightText SearchIcon" />
</template>
</v-text-field>
<v-text-field persistent-placeholder placeholder="Search" class="my-3" hide-details>
<template v-slot:prepend-inner>
<SearchIcon stroke-width="1.5" size="20" class="text-lightText SearchIcon" />
</template>
</v-text-field>
</div>

<v-divider></v-divider>
<v-divider class="mx-4" />
<perfect-scrollbar style="height: calc(100vh - 300px); max-height: 515px">
<div class="bg-lightwarning rounded-md pa-5 my-3 circle sm-circle lg-circle">
<h4>Upgrade your plan</h4>
<h6 class="text-body-small text-medium-emphasis mr-11 pr-11 mb-3 mt-2">70% discount for 1 years subscriptions.</h6>
<v-btn color="warning" variant="flat" target="_" href="https://codedthemes.com/item/berry-vue-admin-dashboard/"> Go Premium </v-btn>
</div>
<div class="px-4 pb-4">
<div class="bg-lightwarning rounded-md pa-5 my-3 circle sm-circle lg-circle">
<h4>Upgrade your plan</h4>
<h6 class="text-body-small text-medium-emphasis mr-11 pr-11 mb-3 mt-2">70% discount for 1 years subscriptions.</h6>
<v-btn color="warning" variant="flat" target="_" href="https://codedthemes.com/item/berry-vue-admin-dashboard/">
Go Premium
</v-btn>
</div>

<v-divider></v-divider>
<v-divider></v-divider>

<div class="bg-lightprimary rounded-md px-5 py-3 my-3">
<div class="d-flex align-center justify-space-between">
<h5>Start DND Mode</h5>
<div>
<v-switch v-model="swt1" color="primary" hide-details></v-switch>
<div class="bg-lightprimary rounded-md px-5 py-3 my-3">
<div class="d-flex align-center justify-space-between">
<h5>Start DND Mode</h5>
<div>
<v-switch v-model="swt1" color="primary" hide-details></v-switch>
</div>
</div>
</div>
<div class="d-flex align-center justify-space-between">
<h5>Allow Notifications</h5>
<div>
<v-switch v-model="swt2" color="primary" hide-details></v-switch>
<div class="d-flex align-center justify-space-between">
<h5>Allow Notifications</h5>
<div>
<v-switch v-model="swt2" color="primary" hide-details></v-switch>
</div>
</div>
</div>
</div>

<v-divider></v-divider>
<v-divider></v-divider>

<v-list class="mt-3">
<v-list-item color="secondary" rounded="md">
<template v-slot:prepend>
<SettingsIcon size="20" class="mr-2" />
</template>
<v-list class="mt-3">
<v-list-item color="secondary" rounded="md">
<template v-slot:prepend>
<SettingsIcon size="20" class="mr-2" />
</template>

<v-list-item-title class="text-body-small"> Account Settings</v-list-item-title>
</v-list-item>
<v-list-item-title class="text-body-small"> Account Settings</v-list-item-title>
</v-list-item>

<v-list-item color="secondary" rounded="md">
<template v-slot:prepend>
<UserIcon size="20" class="mr-2" />
</template>
<v-list-item color="secondary" rounded="md">
<template v-slot:prepend>
<UserIcon size="20" class="mr-2" />
</template>

<v-list-item-title class="text-body-small"> Social Profile</v-list-item-title>
<v-list-item-title class="text-body-small"> Social Profile</v-list-item-title>

<template v-slot:append>
<v-chip color="warning" text="02" variant="flat" size="small" />
</template>
</v-list-item>
<template v-slot:append>
<v-chip color="warning" text="02" variant="flat" size="small" />
</template>
</v-list-item>

<v-list-item color="secondary" rounded="md">
<template v-slot:prepend>
<LogoutIcon size="20" class="mr-2" />
</template>
<v-list-item color="secondary" rounded="md">
<template v-slot:prepend>
<LogoutIcon size="20" class="mr-2" />
</template>

<v-list-item-title class="text-body-small"> Logout</v-list-item-title>
</v-list-item>
</v-list>
<v-list-item-title class="text-body-small"> Logout</v-list-item-title>
</v-list-item>
</v-list>
</div>
</perfect-scrollbar>
</div>
</template>
6 changes: 4 additions & 2 deletions src/layouts/full/vertical-sidebar/sidebarItem.ts
Original file line number Diff line number Diff line change
Expand Up @@ -84,12 +84,14 @@ const sidebarItem: menu[] = [
{
title: 'Tabler Icons',
icon: CircleIcon,
to: '/icons/tabler'
to: 'https://tabler.io/icons',
type: 'external'
},
{
title: 'Material Icons',
icon: CircleIcon,
to: '/icons/material'
to: 'https://pictogrammers.com/library/mdi/',
type: 'external'
}
]
},
Expand Down
31 changes: 0 additions & 31 deletions src/pages/(main)/icons/material.vue

This file was deleted.

31 changes: 0 additions & 31 deletions src/pages/(main)/icons/tabler.vue

This file was deleted.

Loading
Loading