Added feather-icons

This commit is contained in:
Shane C 2024-04-26 09:30:45 -04:00
parent 415f75d29f
commit 1d1211cb3b
No known key found for this signature in database
GPG key ID: 565F3A1C80F8AA9D
5 changed files with 21 additions and 6 deletions

BIN
bun.lockb

Binary file not shown.

View file

@ -26,6 +26,7 @@
}, },
"dependencies": { "dependencies": {
"@eslint/js": "^9.1.1", "@eslint/js": "^9.1.1",
"feather-icons": "^4.29.1",
"sharp": "^0.33.3", "sharp": "^0.33.3",
"typescript-eslint": "^7.7.1", "typescript-eslint": "^7.7.1",
"vite-plugin-image-optimizer": "^1.1.7", "vite-plugin-image-optimizer": "^1.1.7",

View file

@ -6,6 +6,11 @@
<title>{{ template "title" . }}</title> <title>{{ template "title" . }}</title>
{{ block "scripts" . }}{{end}} {{ block "scripts" . }}{{end}}
{{ viteAsset "/styles/app.css" }} {{ viteAsset "/styles/app.css" }}
<script type="module">
import feather from "feather-icons";
feather.replace();
</script>
</head> </head>
<body> <body>
<div class="bg-slate-600 w-full"> <div class="bg-slate-600 w-full">

View file

@ -1,3 +0,0 @@
.editor-control-selected {
}

View file

@ -25,10 +25,22 @@
</ul> </ul>
</div> </div>
<div class="navbar-end"> <div class="navbar-end">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar"> <div class="dropdown dropdown-end">
<div class="w-10 rounded-full"> <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
{{ viteAsset "/assets/download.png" `alt="user profile image"` }} <div class="w-10 rounded-full">
{{ viteAsset "/assets/download.png" `alt="user profile image"` }}
</div>
</div> </div>
<ul tabindex="0" class="dropdown-content z-[1] menu border border-slate-600 rounded-box p-2 bg-slate-800 w-52">
<li><a href="/user/settings">User Settings</a></li>
<li><a href="/shadow/admin">Admin Panel</a></li>
<li>
<a href="/user/logout">
<i data-feather="log-out" class="stroke-red-400 w-[16px]"></i>
Logout
</a>
</li>
</ul>
</div> </div>
</div> </div>
</nav> </nav>