marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

update font

Browse Source
This commit is contained in:
Marco Crapts
2023-05-12 19:49:35 +02:00
parent 5de21dd553
commit 606a1f99d2
4 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/TopBar.vue
View File

@@ -10,11 +10,14 @@ const props = defineProps<{
const emit = defineEmits<{
toggleSideBar: []
}>()
</script>
</script>
<template>
<div class="absolute left-0 right-0 top-0 z-[500] flex h-[50px] bg-primary">
<div class="w-in mx-auto flex w-full max-w-app items-center py-2.5 text-white">
<div class="flex pl-3 items-center" :class="sideBarCollapsed ? 'w-fit' : 'w-sidebar pr-3'">
<div
class="flex items-center pl-3"
:class="sideBarCollapsed ? 'w-fit' : 'w-sidebar pr-3'"
>
<Hamburger
:side-bar-collapsed="props.sideBarCollapsed"
@toggle-side-bar="emit('toggleSideBar')"
@@ -28,12 +31,12 @@ const emit = defineEmits<{
<div class="flex h-full flex-1 flex-row items-center gap-2 pl-5 pr-3">
<SearchBar />
<button
class="btn-outline btn-sm btn h-full text-white"
class="btn-outline btn-sm btn text-white py-1"
@click="addNote('Untitled new note', '', true)"
>
<i class="fas fa-plus-circle text-[1.1rem]" />
</button>
<button class="btn-outline btn-sm btn h-full text-white">Sign in</button>
<button class="btn-outline btn-sm btn text-white py-1">Sign in</button>
</div>
</div>
</div>