Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-07 10:09:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

neat changes

Browse source
This commit is contained in:
NoCrypt 2024-07-25 00:55:39 +07:00
parent 94147b1559
commit fc9ca4cbf9
3 changed files with 39 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
common/components/Navbar.svelte
View file

@ -19,7 +19,6 @@
click: () => {
page = 'schedule'
},
css: 'ml-auto',
page: 'schedule',
icon: 'search',
text: 'Schedule'
@ -65,7 +64,13 @@
<nav class='navbar navbar-fixed-bottom d-block d-md-none border-0 bg-dark'>
<div class='navbar-menu h-full d-flex flex-row justify-content-center align-items-center m-0 pb-5' class:animate={page !== 'player'}>
<img src='./logo_filled.png' class='w-50 h-50 m-10 pointer p-5' alt='ico' use:click={close} />
<!-- <img src='./logo_filled.png' class='w-50 h-50 m-10 pointer p-5' alt='ico' use:click={close} />-->
<div
class='navbar-link navbar-link-with-icon pointer overflow-hidden'
use:click={close}>
<span class='material-symbols-outlined rounded'>home</span>
</div>
{#each links as { click: _click, icon, text, image, css, page: _page }, i (i)}
<div
class='navbar-link navbar-link-with-icon pointer overflow-hidden {css}'
@ -127,7 +132,7 @@
transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.navbar-link:hover > span {
.navbar-link:active > span {
background: #fff;
color: var(--dark-color);
}

35
common/components/Sidebar.svelte
View file

@ -37,20 +37,20 @@
icon: 'home',
text: 'Home'
},
{
click: () => {
page = 'search'
},
page: 'search',
icon: 'search',
text: 'Search'
},
// {
// click: () => {
// page = 'search'
// },
// page: 'search',
// icon: 'search',
// text: 'Search'
// },
{
click: () => {
page = 'schedule'
},
page: 'schedule',
icon: 'schedule',
icon: 'search',
text: 'Schedule'
},
{
@ -68,18 +68,19 @@
icon: 'groups',
text: 'Watch Together'
},
{
click: () => {
IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/')
},
icon: 'favorite',
text: 'Support This App',
css: 'mt-auto donate'
},
// {
// click: () => {
// IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/')
// },
// icon: 'favorite',
// text: 'Support This App',
// css: 'mt-auto donate'
// },
{
click: () => {
page = 'settings'
},
css: 'mt-auto',
page: 'settings',
icon: 'settings',
text: 'Settings'

13
common/views/Home/Home.svelte
View file

@ -35,6 +35,7 @@
</script>
<div class='h-full w-full overflow-y-scroll root overflow-x-hidden' use:smoothScroll>
<img src="./logo_filled.png" class="logo" alt="Migu logo"/>
<Banner data={bannerData} />
<div class='d-flex flex-column h-full w-full'>
{#each manager.sections as section, i (i)}
@ -44,3 +45,15 @@
{/each}
</div>
</div>
<style>
.logo {
position: absolute;
top: 16px;
left: 16px;
width: auto;
height: 12rem;
object-fit: contain;
pointer-events: none;
}
</style>