Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-21 08:31:58 +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: () => { click: () => {
page = 'schedule' page = 'schedule'
}, },
css: 'ml-auto',
page: 'schedule', page: 'schedule',
icon: 'search', icon: 'search',
text: 'Schedule' text: 'Schedule'
@ -65,7 +64,13 @@
<nav class='navbar navbar-fixed-bottom d-block d-md-none border-0 bg-dark'> <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'}> <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)} {#each links as { click: _click, icon, text, image, css, page: _page }, i (i)}
<div <div
class='navbar-link navbar-link-with-icon pointer overflow-hidden {css}' 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); 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; background: #fff;
color: var(--dark-color); color: var(--dark-color);
} }

35
common/components/Sidebar.svelte
View file

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

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

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