Skip to content

Commit

Permalink
style: Updated links
Browse files Browse the repository at this point in the history
  • Loading branch information
@lewislarsen
lewislarsen committed Aug 22, 2024
1 parent 9714716 commit a960586
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 34 deletions.
61 changes: 38 additions & 23 deletions resources/views/layouts/app.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,36 +113,38 @@
<p class="mb-2 text-gray-600 dark:text-gray-400">{{ __('Version :version', ['version' => obtain_vanguard_version()]) }}</p>
<div class="flex flex-wrap justify-center sm:justify-start gap-2 mb-2">
@if (config('app.env') === 'local')
<span
class="inline-flex items-center px-2 py-1 text-xs font-medium text-purple-700 bg-purple-100 rounded-full dark:text-purple-300 dark:bg-purple-900">
<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-purple-700 bg-purple-100 rounded-full dark:text-purple-300 dark:bg-purple-900">
@svg('heroicon-s-beaker', ['class' => 'h-3 w-3 mr-1'])
{{ __('Local') }}
</span>
@endif
@if (config('app.debug'))
<span
class="inline-flex items-center px-2 py-1 text-xs font-medium text-red-700 bg-red-100 rounded-full dark:text-red-300 dark:bg-red-900">
<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-red-700 bg-red-100 rounded-full dark:text-red-300 dark:bg-red-900">
@svg('heroicon-s-bug-ant', ['class' => 'h-3 w-3 mr-1'])
{{ __('Debug') }}
</span>
@endif
</div>
</div>
<div class="text-center sm:text-left">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">{{ __('Quick Links') }}</h2>
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">{{ __('Account') }}</h2>
<ul class="space-y-2">
<li>
<a href="{{ route('profile') }}"
class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-user-circle', ['class' => 'h-5 w-5 mr-2'])
{{ __('Profile') }}
<a href="{{ route('profile') }}" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-user', ['class' => 'h-5 w-5 mr-2'])
{{ __('My Profile') }}
</a>
</li>
<li>
<a href="{{ route('notification-streams.index') }}"
class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
<a href="{{ route('notification-streams.index') }}" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-bell', ['class' => 'h-5 w-5 mr-2'])
{{ __('Notification Streams') }}
{{ __('Notifications') }}
</a>
</li>
<li>
<a href="{{ route('statistics') }}" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-chart-pie', ['class' => 'h-5 w-5 mr-2'])
{{ __('Statistics') }}
</a>
</li>
</ul>
Expand All @@ -151,41 +153,54 @@ class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-p
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">{{ __('Resources') }}</h2>
<ul class="space-y-2">
<li>
<a href="https://docs.vanguardbackup.com" target="_blank" rel="noopener noreferrer"
class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
<a href="https://docs.vanguardbackup.com" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-book-open', ['class' => 'h-5 w-5 mr-2'])
{{ __('Documentation') }}
</a>
</li>
<li>
<a href="https://github.com/vanguardbackup/vanguard" target="_blank" rel="noopener noreferrer"
class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
<a href="https://github.com/vanguardbackup/vanguard" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
<x-icons.github class="h-5 w-5 mr-2 fill-current"/>
GitHub
{{ __('GitHub') }}
</a>
</li>
<li>
<a href="{{ route('profile.help') }}" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-lifebuoy', ['class' => 'h-5 w-5 mr-2'])
{{ __('Help Center') }}
</a>
</li>
</ul>
</div>
<div class="text-center sm:text-left">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">{{ __('Connect With Us') }}</h2>
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">{{ __('Community') }}</h2>
<ul class="space-y-2">
<li>
<a href="https://github.com/vanguardbackup/vanguard/discussions" target="_blank"
class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
<a href="https://github.com/vanguardbackup/vanguard/discussions" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-chat-bubble-left-right', ['class' => 'h-5 w-5 mr-2'])
{{ __('Discussions') }}
</a>
</li>
<li>
<a href="https://github.com/vanguardbackup/vanguard/issues" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-bug-ant', ['class' => 'h-5 w-5 mr-2'])
{{ __('Report an Issue') }}
</a>
</li>
<li>
<a href="https://github.com/vanguardbackup/vanguard/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="text-gray-600 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition duration-150 ease-in-out flex items-center justify-center sm:justify-start">
@svg('heroicon-o-hand-raised', ['class' => 'h-5 w-5 mr-2'])
{{ __('Contribute') }}
</a>
</li>
</ul>
</div>
</div>
<div class="mt-12 pt-8 border-t border-gray-200 dark:border-gray-700 text-center text-sm">
<p class="text-gray-500 dark:text-gray-400">
&copy; {{ date('Y') }} {{ config('app.name') }}.
{{ __('This software is open source and available under the') }}
<a href="https://opensource.org/licenses/agpl-v3"
class="text-primary-600 hover:text-primary-800 dark:text-primary-400 dark:hover:text-primary-300"
target="_blank" rel="noopener noreferrer">{{ __('AGPLv3 License') }}</a>.
<a href="https://opensource.org/licenses/agpl-v3" class="text-primary-600 hover:text-primary-800 dark:text-primary-400 dark:hover:text-primary-300" target="_blank" rel="noopener noreferrer">{{ __('AGPLv3 License') }}</a>.
</p>
</div>
</div>
Expand Down
29 changes: 18 additions & 11 deletions resources/views/livewire/layout/navigation.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,30 +90,35 @@ public function toggleUserDropdown(): void
<x-slot name="content">
<x-dropdown-link :href="route('profile')" wire:navigate>
<x-heroicon-o-user-circle class="w-5 h-5 mr-2 inline" />
{{ __('Profile') }}
</x-dropdown-link>
<x-dropdown-link :href="route('tags.index')" wire:navigate>
<x-heroicon-o-tag class="w-5 h-5 mr-2 inline" />
{{ __('Tags') }}
{{ __('My Profile') }}
</x-dropdown-link>
<x-dropdown-link :href="route('notification-streams.index')" wire:navigate>
<x-heroicon-o-bell class="w-5 h-5 mr-2 inline" />
{{ __('Notifications') }}
</x-dropdown-link>
<x-dropdown-link :href="route('statistics')" wire:navigate>
<x-heroicon-o-chart-pie class="w-5 h-5 mr-2 inline" />
{{ __('Statistics') }}
</x-dropdown-link>
<x-dropdown-link :href="route('profile.api')" wire:navigate>
<x-heroicon-o-code-bracket class="w-5 h-5 mr-2 inline" />
{{ __('API Tokens') }}
</x-dropdown-link>

<div class="border-t border-gray-200 dark:border-gray-600 my-1"></div>

<x-dropdown-link :href="route('profile.mfa')" wire:navigate>
<x-heroicon-o-lock-closed class="w-5 h-5 mr-2 inline" />
{{ __('2FA Settings') }}
{{ __('Security Settings') }}
</x-dropdown-link>
<x-dropdown-link :href="route('statistics')" wire:navigate>
<x-heroicon-o-chart-pie class="w-5 h-5 mr-2 inline" />
{{ __('Statistics') }}
<x-dropdown-link :href="route('profile.help')" wire:navigate>
<x-heroicon-o-lifebuoy class="w-5 h-5 mr-2 inline" />
{{ __('Get Help') }}
</x-dropdown-link>

@if (Auth::user()->isAdmin())
<div class="border-t border-gray-200 dark:border-gray-600"></div>
<div class="border-t border-gray-200 dark:border-gray-600 my-1"></div>

<x-dropdown-link href="{{ url('/pulse') }}">
<x-heroicon-o-chart-bar class="w-5 h-5 mr-2 inline" />
{{ __('Laravel Pulse') }}
Expand All @@ -123,7 +128,9 @@ public function toggleUserDropdown(): void
{{ __('Laravel Horizon') }}
</x-dropdown-link>
@endif
<div class="border-t border-gray-200 dark:border-gray-600"></div>

<div class="border-t border-gray-200 dark:border-gray-600 my-1"></div>

<button wire:click="logout" class="w-full text-start" role="menuitem">
<x-dropdown-link>
@svg('heroicon-o-arrow-left-on-rectangle', 'h-5 w-5 mr-2 inline')
Expand Down

0 comments on commit a960586

Please sign in to comment.