ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-04-23 14:07:14 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

#354 window border should be all around

Browse source
This commit is contained in:
neil molina 2023-03-30 10:59:11 +08:00
parent b412ab8a2a
commit 809c0d40e2
6 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
modules/desktop/src/components/footer/footer.svelte
View file

@ -1,7 +1,7 @@
<script>
import * as pub from '$env/static/public';
</script>
<footer class="w-full border-gray flex items-center justify-between border pr-2 rounded-b-xl overflow-clip">
<footer class="w-full border-gray flex items-center justify-between border pr-2 border-x-0 border-b-0 overflow-clip">
<figure class="text-center">
<i class="icon-tea-logo-iconasset-1 text-black"/>
</figure>

2
modules/desktop/src/components/notification-bar/notification-bar.svelte
View file

@ -5,7 +5,7 @@
import Notification from "@tea/ui/notification/notification.svelte";
</script>
<div class="w-full flex flex-col gap-1 py-2 pl-2 pr-4">
<div class="w-full flex flex-col gap-1 py-2 px-2">
{#each $notificationStore as notification}
<Notification
notification={{

2
modules/desktop/src/components/side-menu/side-menu.svelte
View file

@ -15,7 +15,7 @@
}
</script>
<aside class="border border-t-0 border-b-0 border-gray p-2">
<aside class="border border-t-0 border-b-0 border-l-0 border-gray p-2">
<ul class="flex flex-col pt-4 gap-1 pl-1">
<MenuButton label="Installed" icon="tea-checkmark"
active={activeOption === SideMenuOptions.installed}

2
modules/desktop/src/components/top-bar/top-bar.svelte
View file

@ -20,7 +20,7 @@
});
</script>
<header class="border-gray flex items-center justify-between border w-full h-12 pr-2 rounded-t-xl" style="-webkit-app-region: drag">
<header class="border-gray flex items-center justify-between border w-full h-12 pr-2 border-t-0 border-x-0" style="-webkit-app-region: drag">
<ul class="text-gray flex h-10 gap-2 align-middle leading-10 pl-20">
<a href="/">
<div class="home-btn transition-all text-xl w-12 rounded-md text-center"><i class="icon-tea-logo-iconasset-1"/></div>

2
modules/desktop/src/routes/+layout.svelte
View file

@ -42,7 +42,7 @@
});
</script>
<div id="main-layout" class={`${$sideNavOpen ? "w-3/4" : "w-full"} transition-all font-inter`}>
<div id="main-layout" class={`${$sideNavOpen ? "w-3/4" : "w-full"} transition-all font-inter border border-gray rounded-xl`}>
<TopBar />
<section class="relative" bind:this={view}>
<div class="content p-2">

4
modules/desktop/src/routes/+page.svelte
View file

@ -54,7 +54,7 @@
<div id="package-container">
<Packages packageFilter={sideMenuOption} {sortBy} {sortDirection} bind:scrollY={packagesScrollY}/>
</div>
<header class={`transition-all px-2 flex flex-col ${$sideNavOpen ? "min": ""} ${packagesScrollY > 100 && 'scrolling'}`}>
<header class={`transition-all pl-2 flex flex-col ${$sideNavOpen ? "min": ""} ${packagesScrollY > 100 && 'scrolling'}`}>
<NotificationBar />
<div class="flex justify-between items-center align-middle">
<h1 class="text-primary pl-3 text-2xl font-bold font-mona">{$t(`side-menu-title.${sideMenuOption}`)}</h1>
@ -70,7 +70,7 @@
-->
{#if needsUpdateCount}
<Button
class={`w-48 h-8 text-xs mr-4 ${updating && "animate-pulse"}`}
class={`w-48 h-8 text-xs ${updating && "animate-pulse"}`}
type="plain"
color="secondary"
onClick={updateAll}