feat: slight design improvements

This commit is contained in:
Tine 2024-05-09 21:05:08 +02:00
parent 7335b7b4a2
commit b6058d4201
Signed by: mentos1386
SSH key fingerprint: SHA256:MNtTsLbihYaWF8j1fkOHfkKNlnN1JQfxEU/rBU8nCGw
4 changed files with 21 additions and 7 deletions

View file

@ -45,8 +45,8 @@ var SettingsPages = []*components.Page{
var SettingsNavbar = []*components.Page{ var SettingsNavbar = []*components.Page{
GetPageByTitle(SettingsPages, "Overview"), GetPageByTitle(SettingsPages, "Overview"),
GetPageByTitle(SettingsPages, "Triggers"),
GetPageByTitle(SettingsPages, "Monitors"), GetPageByTitle(SettingsPages, "Monitors"),
GetPageByTitle(SettingsPages, "Triggers"),
GetPageByTitle(SettingsPages, "Notifications"), GetPageByTitle(SettingsPages, "Notifications"),
GetPageByTitle(SettingsPages, "Worker Groups"), GetPageByTitle(SettingsPages, "Worker Groups"),
GetPageByTitle(SettingsPages, "Temporal"), GetPageByTitle(SettingsPages, "Temporal"),

View file

@ -785,10 +785,6 @@ video {
width: 100%; width: 100%;
} }
.max-w-screen-lg {
max-width: 1024px;
}
.max-w-screen-md { .max-w-screen-md {
max-width: 768px; max-width: 768px;
} }
@ -837,6 +833,10 @@ video {
justify-content: center; justify-content: center;
} }
.justify-items-center {
justify-items: center;
}
.gap-1 { .gap-1 {
gap: 0.25rem; gap: 0.25rem;
} }
@ -1213,6 +1213,11 @@ video {
color: rgb(153 27 27 / var(--tw-text-opacity)); color: rgb(153 27 27 / var(--tw-text-opacity));
} }
.text-slate-400 {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500 { .text-slate-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity)); color: rgb(100 116 139 / var(--tw-text-opacity));
@ -1688,6 +1693,10 @@ code {
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.\*\:w-full > * {
width: 100%;
}
.last-of-type\:border-0:last-of-type { .last-of-type\:border-0:last-of-type {
border-width: 0px; border-width: 0px;
} }

View file

@ -16,7 +16,7 @@
<title>Zdravko - {{ $title }}</title> <title>Zdravko - {{ $title }}</title>
<link rel="stylesheet" href="/static/css/tailwind.css" /> <link rel="stylesheet" href="/static/css/tailwind.css" />
</head> </head>
<body class="bg-gray-100"> <body class="bg-gray-100 grid justify-items-center *:w-full">
<nav class="navbar"> <nav class="navbar">
{{ range .Navbar }} {{ range .Navbar }}
<a <a

View file

@ -8,7 +8,7 @@
<div <div
class="container max-w-screen-lg mt-8 lg:mt-20 grid grid-cols-1 lg:grid-cols-[min-content_minmax(0,1fr)] gap-8" class="mx-8 mt-8 max-w-screen-xl lg:mt-20 grid grid-cols-1 lg:grid-cols-[min-content_minmax(0,1fr)] gap-8"
> >
<ul class="sidebar"> <ul class="sidebar">
{{ range .SettingsSidebar }} {{ range .SettingsSidebar }}
@ -18,8 +18,13 @@
{{ if $active }}aria-current="true"{{ end }} {{ if $active }}aria-current="true"{{ end }}
href="{{ .Path }}" href="{{ .Path }}"
class="{{ if $active }}active{{ end }}" class="{{ if $active }}active{{ end }}"
{{ if eq .Title "Temporal" }}target="_blank" rel="noreferrer noopener"{{ end }}
> >
{{ .Title }} {{ .Title }}
{{ if eq .Title "Monitors" }}<span class="text-slate-400">(3)</span>{{ end }}
{{ if eq .Title "Triggers" }}<span class="text-slate-400">(3)</span>{{ end }}
{{ if eq .Title "Notifications" }}<span class="text-slate-400">(3)</span>{{ end }}
{{ if eq .Title "Worker Groups" }}<span class="text-slate-400">(3)</span>{{ end }}
</a> </a>
</li> </li>
{{ end }} {{ end }}