mirror of
https://github.com/cupcakearmy/coolify.git
synced 2024-10-23 08:34:11 +02:00
fix: ui with headers
This commit is contained in:
parent
1917091338
commit
9e3c14841a
@ -307,7 +307,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<main>
|
<main>
|
||||||
<slot />
|
<div class={$appSession.userId ? 'lg:pl-16' : null}>
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<div class="drawer-side">
|
<div class="drawer-side">
|
||||||
|
@ -190,9 +190,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">
|
||||||
<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">
|
||||||
@ -246,7 +244,9 @@
|
|||||||
<Tooltip triggeredBy="#git">Open on Git</Tooltip>
|
<Tooltip triggeredBy="#git">Open on Git</Tooltip>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-row flex-wrap space-x-4 space-y-3 justify-center lg:justify-start py-2 lg:py-0">
|
<div
|
||||||
|
class="flex flex-row flex-wrap space-x-4 space-y-3 justify-center lg:justify-start py-2 lg:py-0"
|
||||||
|
>
|
||||||
{#if $location}
|
{#if $location}
|
||||||
<a
|
<a
|
||||||
id="open"
|
id="open"
|
||||||
|
@ -44,7 +44,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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">
|
||||||
|
@ -150,7 +150,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if id !== 'new'}
|
{#if id !== 'new'}
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20 justify-center lg:justify-between">
|
<nav class="header 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">
|
||||||
|
@ -42,7 +42,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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">
|
||||||
|
@ -36,7 +36,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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">
|
||||||
|
@ -106,7 +106,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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
|
||||||
|
@ -275,7 +275,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header">
|
<nav class="header p-7">
|
||||||
<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 />
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<div class="header">
|
||||||
<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">
|
||||||
|
@ -156,7 +156,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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">
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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
|
||||||
|
@ -36,7 +36,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="header p-5 pl-0 lg:p-0 lg:pl-20">
|
<nav class="header">
|
||||||
<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">
|
||||||
|
@ -202,8 +202,5 @@ input {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
@apply flex flex-row px-4 justify-between items-center lg:fixed p-5 pl-20 z-10;
|
@apply flex flex-row px-4 justify-between items-center bg-neutral-focus z-10 w-full;
|
||||||
background-color: rgba(31, 30, 30, 0.6);
|
|
||||||
backdrop-filter: blur(20px);
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user