Skip to content

Commit

Permalink
ui tweaks to the getting started page
Browse files Browse the repository at this point in the history
  • Loading branch information
@alexjustesen
alexjustesen committed Oct 1, 2023
1 parent fa99cab commit 73d3bcd
Showing 1 changed file with 37 additions and 19 deletions.
56 changes: 37 additions & 19 deletions resources/views/get-started.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Getting Started</title>
<title>Getting Started - {{ config('app.name') }}</title>

{{-- Fonts --}}
<link href="{{ asset('fonts/inter/inter.css') }}" rel="stylesheet" />
Expand All @@ -26,25 +26,43 @@
}
</script>
</head>
<body class="min-h-screen antialiased bg-gray-50 dark:bg-gray-950 text-gray-950 dark:text-white">
<main class="w-full p-4 space-y-4 sm:mx-auto sm:p-6 lg:p-8 sm:max-w-3xl sm:space-y-8">
<header class="flex flex-col gap-4 sm:flex-row sm:justify-between sm:items-center">
<div>
<h1 class="text-2xl font-bold tracking-tight text-gray-950 dark:text-white sm:text-3xl">{{ __("Getting Started") }}</h1>
</div>
<div class="flex-shrink-0">
<x-filament::button
href="{{ url('/admin') }}"
tag="a"
>
Admin Panel
</x-filament::button>
</div>
<body class="h-full antialiased bg-gray-50 dark:bg-gray-950 text-gray-950 dark:text-white">
<main class="flex flex-col justify-center min-h-full p-4 space-y-4 sm:mx-auto sm:p-6 lg:p-8 sm:max-w-3xl sm:space-y-8">
<header>
<h1 class="text-2xl font-bold tracking-tight text-gray-950 dark:text-white sm:text-3xl">{{ __("Getting Started") }} - {{ config('app.name') }}</h1>
</header>
<div>
<ul role="list" class="divide dark:divide-white/5 divide-white/80">
<li class="relative flex items-center py-4 space-x-4">
<div class="flex-auto min-w-0">
<div class="flex items-center gap-x-3">
<div class="flex-none p-1 rounded-full text-amber-400 bg-gray-100/10">
<div class="w-2 h-2 bg-current rounded-full"></div>
</div>
<h2 class="min-w-0 text-sm font-semibold leading-6 text-white">
<a href="{{ url('/admin/login') }}" class="flex gap-x-2">
<span class="truncate">Sign In</span>
<span class="text-amber-400">/</span>
<span class="whitespace-nowrap">Admin Panel</span>
<span class="absolute inset-0"></span>
</a>
</h2>
</div>
<div class="mt-3 flex items-center gap-x-2.5 text-sm leading-5 dark:text-gray-400 text-gray-950">
<p class="truncate">
Sign in to the admin panel to run your first speedtest or to setup scheduled tests.
</p>
</div>
</div>
<svg class="flex-none w-5 h-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
</svg>
</li>
<li class="relative flex items-center py-4 space-x-4">
<div class="flex-auto min-w-0">
<div class="flex items-center gap-x-3">
Expand Down Expand Up @@ -77,7 +95,7 @@
<li class="relative flex items-center py-4 space-x-4">
<div class="flex-auto min-w-0">
<div class="flex items-center gap-x-3">
<div class="flex-none p-1 text-gray-500 rounded-full bg-gray-100/10">
<div class="flex-none p-1 rounded-full text-amber-400 bg-gray-100/10">
<div class="w-2 h-2 bg-current rounded-full"></div>
</div>
Expand All @@ -100,7 +118,7 @@
<li class="relative flex items-center py-4 space-x-4">
<div class="flex-auto min-w-0">
<div class="flex items-center gap-x-3">
<div class="flex-none p-1 text-blue-400 rounded-full bg-gray-100/10">
<div class="flex-none p-1 rounded-full text-amber-400 bg-gray-100/10">
<div class="w-2 h-2 bg-current rounded-full"></div>
</div>
Expand Down

0 comments on commit 73d3bcd

Please sign in to comment.