Update navbar styling and fix subtitle padding

This commit is contained in:
Andras Bacsai 2024-03-22 13:47:54 +01:00
parent ec051eba38
commit 503b86ac13
6 changed files with 9 additions and 12 deletions

View File

@ -156,7 +156,7 @@ .custom-modal {
}
.navbar-main {
@apply flex items-end gap-6 pb-2 border-b-2 border-solid border-coolgray-200;
@apply flex items-center h-10 gap-6 pb-2 border-b-2 border-solid border-coolgray-200;
}
.loading {
@ -235,7 +235,7 @@ .title {
}
.subtitle {
@apply pt-2 pb-10;
@apply pt-2 pb-9;
}
.fullscreen {

View File

@ -262,10 +262,10 @@ class="{{ request()->is('onboarding*') ? 'menu-item-active menu-item' : 'menu-it
<livewire:help />
</x-modal-input>
</li>
<li>
<form action="/logout" method="POST" class="mb-6 menu-item">
<li >
<form action="/logout" method="POST">
@csrf
<button title="Logout" type="submit" class="flex gap-2">
<button title="Logout" type="submit" class="gap-2 mb-6 menu-item">
<svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a9.985 9.985 0 0 1 8 4h-2.71a8 8 0 1 0 .001 12h2.71A9.985 9.985 0 0 1 12 22m7-6v-3h-8v-2h8V8l5 4z" />
@ -274,7 +274,6 @@ class="{{ request()->is('onboarding*') ? 'menu-item-active menu-item' : 'menu-it
</button>
</form>
</li>
</ul>
</li>
{{-- <li>

View File

@ -1,8 +1,7 @@
<div class="pb-6">
<h1>Security</h1>
<div class="subtitle">Security related settings.</div>
<nav class="pt-2 navbar-main">
<nav class="navbar-main">
<a href="{{ route('security.private-key.index') }}">
<button>Private Keys</button>
</a>

View File

@ -44,7 +44,7 @@
stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
<div class="flex-1 text-xl font-bold leading-6 dark:text-white">Dashboard</div>
{{-- <div class="flex-1 text-xl font-bold leading-6 dark:text-white">Dashboard</div> --}}
{{-- <a href="#">
<span class="sr-only">Your profile</span>
<img class="w-8 h-8 rounded-full bg-gray-50"

View File

@ -11,7 +11,6 @@
</x-slide-over>
</div>
<div class="subtitle">All your projects are here.</div>
<div class="grid gap-2 lg:grid-cols-2">
@forelse ($projects as $project)
<div class="gap-2 border border-transparent cursor-pointer box group" x-data

View File

@ -6,14 +6,14 @@
@if ($tags->count() === 0)
<div>No tags yet defined yet. Go to a resource and add a tag there.</div>
@else
<x-forms.select wire:model.live="tag" label="Tags">
<x-forms.select wire:model.live="tag">
<option value="null" disabled selected>Select a tag</option>
@foreach ($tags as $oneTag)
<option value="{{ $oneTag->name }}">{{ $oneTag->name }}</option>
@endforeach
</x-forms.select>
@if ($tag)
<div>
<div class="pt-5">
<div class="flex items-end gap-2 ">
<div class="w-[500px]">
<x-forms.input readonly label="Deploy Webhook URL" id="webhook" />