Garmelon/gedaechtnas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use Remix icons and set up navbar properly

Browse source 
Too lazy to separate these changes into multiple commits.
This commit is contained in:
Joscha 2025-01-27 18:59:58 +01:00
parent 14e85207e9
commit 1b94d5573c
4 changed files with 591 additions and 966 deletions
Download patch file Download diff file Expand all files Collapse all files

1
gdn-app/package.json
View file

@ -10,6 +10,7 @@
"tauri": "tauri" "tauri": "tauri"
}, },
"dependencies": { "dependencies": {
"@remixicon/vue": "^4.6.0",
"@tailwindcss/vite": "^4.0.0", "@tailwindcss/vite": "^4.0.0",
"@tauri-apps/api": "^2.2.0", "@tauri-apps/api": "^2.2.0",
"@tauri-apps/plugin-opener": "^2.2.5", "@tauri-apps/plugin-opener": "^2.2.5",

21
gdn-app/src/App.vue
View file

@ -1,20 +1,12 @@
<script setup lang="ts"> <script setup lang="ts">
// const sample = "Apps is a gude"; import Navbar from "./components/Navbar.vue";
</script> </script>
<template> <template>
<div class="flex items-baseline justify-between bg-black p-2 text-white"> <div class="flex h-screen flex-col">
<div <Navbar />
class="cursor-default rounded-md bg-neutral-800 pl-2 pr-1 text-lg hover:bg-neutral-700 active:bg-neutral-500" <div class="h-full overflow-auto">
> <template v-for="_ in 6">
GedächtNAS<span class="relative -top-1 select-none"> ⌄</span>
</div>
<div
class="cursor-pointer select-none rounded-md bg-neutral-800 px-2 text-xl hover:bg-neutral-700 active:bg-neutral-500"
>
⚙
</div>
</div>
<p class="p-1 font-thin">The quick brown fox Qiii</p> <p class="p-1 font-thin">The quick brown fox Qiii</p>
<p class="p-1 font-extralight">The quick brown fox Qiii</p> <p class="p-1 font-extralight">The quick brown fox Qiii</p>
<p class="p-1 font-light">The quick brown fox Qiii</p> <p class="p-1 font-light">The quick brown fox Qiii</p>
@ -25,6 +17,9 @@
<p class="p-1 font-extrabold">The quick brown fox Qiii</p> <p class="p-1 font-extrabold">The quick brown fox Qiii</p>
<p class="p-1 font-black">The quick brown fox Qiii</p> <p class="p-1 font-black">The quick brown fox Qiii</p>
</template> </template>
</div>
</div>
</template>
<style> <style>
@import "tailwindcss"; @import "tailwindcss";

19
gdn-app/src/components/Navbar.vue Normal file
View file

@ -0,0 +1,19 @@
<script setup lang="ts">
import { RiArrowDropDownLine, RiSettings3Fill } from "@remixicon/vue";
</script>
<template>
<div class="flex justify-between bg-black p-2 text-white">
<div
class="cursor-default rounded-md bg-neutral-800 pl-2 text-lg hover:bg-neutral-700 active:bg-neutral-500"
>
GedächtNAS
<RiArrowDropDownLine class="inline" />
</div>
<div
class="flex items-center rounded-md bg-neutral-800 px-1 hover:bg-neutral-700 active:bg-neutral-500"
>
<RiSettings3Fill class="h-4" />
</div>
</div>
</template>

1492
pnpm-lock.yaml generated
View file

File diff suppressed because it is too large Load diff