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

feat(styles): make header css component

Browse Source
This commit is contained in:
Kaname 2022-09-10 01:13:44 +00:00
parent 341cde2781
commit 56f24fe317
5 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -191,7 +191,7 @@
</script> </script>
<nav <nav
class="flex flex-row px-3 justify-center lg:justify-between items-center bg-neutral-focus lg:fixed w-full z-10 lg:-ml-16 lg:pl-16" 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">

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

@ -150,9 +150,7 @@
</script> </script>
{#if id !== 'new'} {#if id !== 'new'}
<nav <nav class="header">
class="flex flex-row px-3 justify-center lg:justify-between items-center bg-neutral-focus lg:fixed w-full z-10 lg:-ml-16 lg:pl-16"
>
<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/index.svelte
View File

@ -276,7 +276,7 @@
</script> </script>
<nav <nav
class="header" style="backdrop-filter: blur(20px);" 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)}

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

@ -69,7 +69,7 @@
} from '$lib/store'; } from '$lib/store';
import { onDestroy, onMount } from 'svelte'; import { onDestroy, onMount } from 'svelte';
import Tooltip from '$lib/components/Tooltip.svelte'; import Tooltip from '$lib/components/Tooltip.svelte';
import ServiceLinks from './_ServiceLinks.svelte'; import ServiceLinks from './_ServiceLinks.svelte';
const { id } = $page.params; const { id } = $page.params;
export let service: any; export let service: any;
@ -156,9 +156,7 @@ import ServiceLinks from './_ServiceLinks.svelte';
}); });
</script> </script>
<nav <nav class="header">
class="flex flex-row px-3 justify-center lg:justify-between items-center bg-neutral-focus lg:fixed w-full z-10 lg:-ml-16 lg:pl-16"
>
<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">

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

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