Add TailwindCSS and create basic layout

This commit is contained in:
Patrik Leifert 2024-02-24 16:27:37 +01:00
parent fdbc12dec8
commit d29b19f602
8 changed files with 1478 additions and 6 deletions

26
dist/app/View/Components/RawLayout.php vendored Normal file
View File

@ -0,0 +1,26 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
class RawLayout extends Component
{
/**
* Create a new component instance.
*/
public function __construct()
{
//
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view('components.layouts.raw');
}
}

1417
dist/package-lock.json generated vendored

File diff suppressed because it is too large Load Diff

7
dist/package.json vendored
View File

@ -7,10 +7,13 @@
"generateSteamToken": "node tools/steam/generateSteamTicket.js"
},
"devDependencies": {
"autoprefixer": "^10.4.17",
"axios": "^1.6.4",
"laravel-vite-plugin": "^1.0.0",
"vite": "^5.0.0",
"steam-user": "^5.0.8"
"postcss": "^8.4.35",
"steam-user": "^5.0.8",
"tailwindcss": "^3.4.1",
"vite": "^5.0.0"
},
"dependencies": {
"@inertiajs/vue3": "^1.0.14",

6
dist/postcss.config.js vendored Normal file
View File

@ -0,0 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

View File

@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
@vite('resources/js/app.js')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@inertiaHead
</head>
<body>

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body>
{{ $slot }}
</body>
</html>

12
dist/tailwind.config.js vendored Normal file
View File

@ -0,0 +1,12 @@
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
],
theme: {
extend: {},
},
plugins: [],
}