Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

fix(routes): more ui tweaks

Browse Source
This commit is contained in:
Kaname 2022-09-10 01:54:59 +00:00
parent d7e72519ef
commit 4040b334f5
13 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/ui/src/routes/__layout.svelte
View File

@ -307,9 +307,7 @@
</div> </div>
</div> </div>
<main> <main>
<div class={$appSession.userId ? 'lg:pl-16' : null}> <slot />
<slot />
</div>
</main> </main>
</div> </div>
<div class="drawer-side"> <div class="drawer-side">

2
apps/ui/src/routes/applications/[id]/__layout.svelte
View File

@ -191,7 +191,7 @@
</script> </script>
<nav <nav
class="header" class="header p-5 pl-0 lg:p-0 lg:pl-20"
> >
<div class="hidden items-center space-x-2 p-5 px-6 font-bold lg:flex"> <div class="hidden items-center space-x-2 p-5 px-6 font-bold lg:flex">
<div class="flex flex-col"> <div class="flex flex-col">

2
apps/ui/src/routes/applications/_index.svelte
View File

@ -44,7 +44,7 @@
} }
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="mr-4 text-2xl font-bold">{$t('index.applications')}</h1> <h1 class="mr-4 text-2xl font-bold">{$t('index.applications')}</h1>
{#if $appSession.isAdmin} {#if $appSession.isAdmin}
<button on:click={newApplication} class="btn btn-square btn-sm bg-applications"> <button on:click={newApplication} class="btn btn-square btn-sm bg-applications">

2
apps/ui/src/routes/databases/[id]/__layout.svelte
View File

@ -150,7 +150,7 @@
</script> </script>
{#if id !== 'new'} {#if id !== 'new'}
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20 justify-center lg:justify-between">
<div class="hidden items-center space-x-2 p-5 px-6 font-bold lg:flex"> <div class="hidden items-center space-x-2 p-5 px-6 font-bold lg:flex">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block"> <div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">

2
apps/ui/src/routes/databases/_index.svelte
View File

@ -42,7 +42,7 @@
}); });
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="mr-4 text-2xl font-bold">{$t('index.databases')}</h1> <h1 class="mr-4 text-2xl font-bold">{$t('index.databases')}</h1>
{#if $appSession.isAdmin} {#if $appSession.isAdmin}
<button on:click={newDatabase} class="btn btn-square btn-sm bg-databases"> <button on:click={newDatabase} class="btn btn-square btn-sm bg-databases">

2
apps/ui/src/routes/destinations/_index.svelte
View File

@ -36,7 +36,7 @@
}); });
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="mr-4 text-2xl font-bold">{$t('index.destinations')}</h1> <h1 class="mr-4 text-2xl font-bold">{$t('index.destinations')}</h1>
{#if $appSession.isAdmin} {#if $appSession.isAdmin}
<a href="/destinations/new" class="btn btn-square btn-sm bg-destinations"> <a href="/destinations/new" class="btn btn-square btn-sm bg-destinations">

2
apps/ui/src/routes/iam/index.svelte
View File

@ -106,7 +106,7 @@
} }
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="mr-4 text-2xl tracking-tight font-bold">Identity and Access Management</h1> <h1 class="mr-4 text-2xl tracking-tight font-bold">Identity and Access Management</h1>
<button on:click={newTeam} class="btn btn-square btn-sm bg-iam"> <button on:click={newTeam} class="btn btn-square btn-sm bg-iam">
<svg <svg

6
apps/ui/src/routes/index.svelte
View File

@ -275,15 +275,13 @@
} }
</script> </script>
<nav <nav class="header">
class="header p-5"
>
<h1 class="mr-4 text-2xl font-bold">{$t('index.dashboard')}</h1> <h1 class="mr-4 text-2xl font-bold">{$t('index.dashboard')}</h1>
{#if $appSession.isAdmin && (applications.length !== 0 || destinations.length !== 0 || databases.length !== 0 || services.length !== 0 || gitSources.length !== 0 || destinations.length !== 0)} {#if $appSession.isAdmin && (applications.length !== 0 || destinations.length !== 0 || databases.length !== 0 || services.length !== 0 || gitSources.length !== 0 || destinations.length !== 0)}
<NewResource /> <NewResource />
{/if} {/if}
</nav> </nav>
<div class="container lg:mx-auto lg:p-0 px-8 lg:pt-24"> <div class="container lg:mx-auto lg:p-0 px-8 lg:pt-24 pt-5">
<!-- {#if $appSession.teamId === '0'} <!-- {#if $appSession.teamId === '0'}
<Usage /> <Usage />
{/if} --> {/if} -->

2
apps/ui/src/routes/servers/index.svelte
View File

@ -29,7 +29,7 @@
} }
</script> </script>
<div class="header p-5"> <div class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="text-2xl font-bold">Servers</h1> <h1 class="text-2xl font-bold">Servers</h1>
</div> </div>
<div class="container lg:mx-auto lg:p-0 px-8 p-5 lg:pt-20"> <div class="container lg:mx-auto lg:p-0 px-8 p-5 lg:pt-20">

2
apps/ui/src/routes/services/[id]/__layout.svelte
View File

@ -156,7 +156,7 @@
}); });
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<div class="hidden items-center space-x-2 p-5 px-6 font-bold lg:flex"> <div class="hidden items-center space-x-2 p-5 px-6 font-bold lg:flex">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block"> <div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">

2
apps/ui/src/routes/services/_index.svelte
View File

@ -43,7 +43,7 @@
}); });
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="mr-4 text-2xl font-bold">{$t('index.services')}</h1> <h1 class="mr-4 text-2xl font-bold">{$t('index.services')}</h1>
<button on:click={newService} class="btn btn-square btn-sm bg-services"> <button on:click={newService} class="btn btn-square btn-sm bg-services">
<svg <svg

2
apps/ui/src/routes/sources/_index.svelte
View File

@ -36,7 +36,7 @@
}); });
</script> </script>
<nav class="header"> <nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
<h1 class="mr-4 text-2xl font-bold">{$t('index.git_sources')}</h1> <h1 class="mr-4 text-2xl font-bold">{$t('index.git_sources')}</h1>
{#if $appSession.isAdmin} {#if $appSession.isAdmin}
<a href="/sources/new" class="btn btn-square btn-sm bg-sources"> <a href="/sources/new" class="btn btn-square btn-sm bg-sources">

3
apps/ui/src/tailwind.css
View File

@ -202,7 +202,8 @@ input {
} }
.header { .header {
@apply flex flex-row px-4 justify-between items-center lg:fixed w-full z-10; @apply flex flex-row px-4 justify-between items-center lg:fixed p-5 pl-20 z-10;
background-color: rgba(31, 30, 30, 0.6); background-color: rgba(31, 30, 30, 0.6);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
width: 100%;
} }