updated topbar

This commit is contained in:
Saifeddine ALOUI 2024-07-31 20:45:56 +02:00
parent 1b61aa8149
commit 748d3df428
13 changed files with 17 additions and 19 deletions

View File

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

View File

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

View File

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

View File

Before

Width:  |  Height:  |  Size: 499 B

After

Width:  |  Height:  |  Size: 499 B

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

8
web/dist/assets/index-f759d49e.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 224 B

After

Width:  |  Height:  |  Size: 224 B

View File

Before

Width:  |  Height:  |  Size: 363 B

After

Width:  |  Height:  |  Size: 363 B

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 715 B

After

Width:  |  Height:  |  Size: 715 B

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title> <title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-a438c58d.js"></script> <script type="module" crossorigin src="/assets/index-488b8c68.js"></script>
<link rel="stylesheet" href="/assets/index-b7b67c6b.css"> <link rel="stylesheet" href="/assets/index-f759d49e.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -2,11 +2,11 @@
<header class="top-0 shadow-lg"> <header class="top-0 shadow-lg">
<nav class="container flex flex-col lg:flex-row items-center gap-2 pb-0"> <nav class="container flex flex-col lg:flex-row items-center gap-2 pb-0">
<!-- LOGO --> <!-- LOGO -->
<RouterLink :to="{ name: 'discussions' }" class="flex items-center gap-3 flex-1"> <RouterLink :to="{ name: 'discussions' }" >
<div class="logo-container"> <div class="logo-container">
<img class="w-12 h-12 rounded-full object-cover logo-image" <img class="w-12 h-12 rounded-full object-cover logo-image"
:src="$store.state.config == null ? storeLogo : $store.state.config.app_custom_logo != '' ? '/user_infos/' + $store.state.config.app_custom_logo : storeLogo" :src="$store.state.config == null ? storeLogo : $store.state.config.app_custom_logo != '' ? '/user_infos/' + $store.state.config.app_custom_logo : storeLogo"
alt="Logo" title="LoLLMS WebUI"> alt="Logo" title="LoLLMS WebUI">
</div> </div>
<div class="flex flex-col logo-text"> <div class="flex flex-col logo-text">
<p class="text-2xl font-bold drop-shadow-md align-middle">LoLLMS</p> <p class="text-2xl font-bold drop-shadow-md align-middle">LoLLMS</p>
@ -508,14 +508,12 @@ export default {
position: relative; position: relative;
width: 48px; width: 48px;
height: 48px; height: 48px;
animation: roll-and-bounce 4s linear infinite;
} }
.logo-image { .logo-image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
animation: spin 4s linear infinite;
} }
@keyframes roll-and-bounce { @keyframes roll-and-bounce {