new: [app] Added Application name and logo
This commit is contained in:
parent
74a2d4f196
commit
d9f21f3606
4 changed files with 78 additions and 3 deletions
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<link rel="icon" href="/skillaegis-logo.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Vite App</title>
|
||||
</head>
|
||||
|
|
BIN
public/skillaegis-logo.png
Normal file
BIN
public/skillaegis-logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.6 KiB |
21
src/App.vue
21
src/App.vue
|
@ -18,7 +18,12 @@ onMounted(() => {
|
|||
|
||||
<template>
|
||||
<main>
|
||||
<h1 class="text-2xl text-center text-slate-500 dark:text-slate-400 absolute top-1 left-1">Exercise Dashboard</h1>
|
||||
<h1 class="text-xl text-center text-slate-500 dark:text-slate-400 absolute inset-x-0 top-0">
|
||||
<div class="flex flex-col items-center mt-2">
|
||||
<span id="logo" class="hover:cursor-pointer"></span>
|
||||
<span>SkillAegis</span>
|
||||
</div>
|
||||
</h1>
|
||||
<div class="absolute top-1 right-1">
|
||||
<div class="flex gap-2">
|
||||
<TheThemeButton></TheThemeButton>
|
||||
|
@ -26,7 +31,9 @@ onMounted(() => {
|
|||
<TheSocketConnectionState></TheSocketConnectionState>
|
||||
</div>
|
||||
</div>
|
||||
<TheDahboard></TheDahboard>
|
||||
<div class="mt-12">
|
||||
<TheDahboard></TheDahboard>
|
||||
</div>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
|
@ -47,4 +54,14 @@ body {
|
|||
@apply 3xl:w-5/6;
|
||||
}
|
||||
|
||||
#logo {
|
||||
background-image: url(@/assets/skillaegis-logo.svg);
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
display: block;
|
||||
background-size: 64px;
|
||||
/* cyan-400 */
|
||||
/* filter: invert(71%) sepia(97%) saturate(1333%) hue-rotate(147deg) brightness(95%) contrast(96%); */
|
||||
}
|
||||
|
||||
</style>
|
58
src/assets/skillaegis-logo.svg
Normal file
58
src/assets/skillaegis-logo.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 27 KiB |
Loading…
Reference in a new issue