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">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<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">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Vite App</title>
|
<title>Vite App</title>
|
||||||
</head>
|
</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>
|
<template>
|
||||||
<main>
|
<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="absolute top-1 right-1">
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<TheThemeButton></TheThemeButton>
|
<TheThemeButton></TheThemeButton>
|
||||||
|
@ -26,7 +31,9 @@ onMounted(() => {
|
||||||
<TheSocketConnectionState></TheSocketConnectionState>
|
<TheSocketConnectionState></TheSocketConnectionState>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<TheDahboard></TheDahboard>
|
<div class="mt-12">
|
||||||
|
<TheDahboard></TheDahboard>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -47,4 +54,14 @@ body {
|
||||||
@apply 3xl:w-5/6;
|
@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>
|
</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