Formatting Code

This commit is contained in:
Daniel Legt 2024-02-19 18:22:36 +02:00
parent a7b83d5d42
commit 21fca7d34a
3 changed files with 65 additions and 54 deletions

2
package-lock.json generated
View File

@ -1,5 +1,5 @@
{ {
"name": "my-website", "name": "my-website-3",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {

View File

@ -11,15 +11,24 @@
<form onsubmit="alert(1)"> <form onsubmit="alert(1)">
@csrf @csrf
<label for="name">Name:*<label> <label for="name">Name:*<label>
<input type="text" id="name" name="name" /><br> <input type="text" id="name" name="name" /><br>
<label for="email">Email:*<label> <label for="email">Email:*<label>
<input type="email" id="email" name="email" placeholder="person@gmail.com" /><br> <input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
<label for="subject">Subject:<label> <label for="subject">Subject:<label>
<input type="text" id="subject" name="subject" /><br> <input type="text" id="subject" name="subject" /><br>
<label for="message">Message:*</label> <label for="message">Message:*</label>
<textarea id="message" name="message"></textarea><br> <textarea id="message" name="message"></textarea><br>
<button type="submit">Send Message</button> <button type="submit">Send Message</button>
</form> </form>
<p class="text-xl bg-zinc-800 text-zinc-200">
Some kind of test text just to showcase tailwindcss
</p>
@endsection @endsection

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -20,6 +21,7 @@
<!-- Styles --> <!-- Styles -->
@vite('resources/css/app.css') @vite('resources/css/app.css')
</head> </head>
<body class="antialiased"> <body class="antialiased">
<header class="md:flex bg-white w-96 md:w-48 shadow-md rounded"> <header class="md:flex bg-white w-96 md:w-48 shadow-md rounded">
@ -38,7 +40,6 @@
</nav> </nav>
</header> </header>
<section class="bg-white w-96 shadow rounded"> <section class="bg-white w-96 shadow rounded">
<h2 class="text-l bg-white bg-left w-96 font-sans font-medium"> <h2 class="text-l bg-white bg-left w-96 font-sans font-medium">
@section('heading') @section('heading')
@ -62,4 +63,5 @@
</footer> </footer>
</body> </body>
</html> </html>