Added phosphor icons

This commit is contained in:
Alexis
2024-04-04 18:24:55 +02:00
parent 71ae831483
commit 8e500c4654
7 changed files with 42 additions and 29 deletions

View File

@@ -10,6 +10,7 @@ import {
import Button from '../ui/button/Button.vue'
import { useCalendar } from '@/stores/calendar'
import { computed } from 'vue'
import { PhCalendarBlank } from '@phosphor-icons/vue'
const { currentConfig, viewTypeOptions, getViewTypeTitle, setViewType } = useCalendar()
@@ -20,11 +21,7 @@ const viewTypeTitle = computed(() => getViewTypeTitle(currentConfig.viewType))
<DropdownMenu>
<DropdownMenuTrigger>
<Button size="sm" variant="secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
<path
d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-68-76a12,12,0,1,1-12-12A12,12,0,0,1,140,132Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,184,132ZM96,172a12,12,0,1,1-12-12A12,12,0,0,1,96,172Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,140,172Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,184,172Z"
/>
</svg>
<PhCalendarBlank size="18" weight="fill" />
{{ viewTypeTitle }}
</Button>