Home Explore Help
Register Sign In
tyson
/
Laravel-Training-Project
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fixed layout issues and tailwindcss

tyson 8 months ago
parent
cc0a9ce8fc
commit
245334404a
3 changed files with 33 additions and 9 deletions
Split View Show Diff Stats
  1. 16 0
      resources/css/app.css
  2. 1 0
      resources/js/app.js
  3. 16 9
      resources/views/components/layouts/app.blade.php

+ 16 - 0
resources/css/app.css
View File 

@@ -0,0 +1,16 @@
 
+@import 'tailwindcss';
 
+
 
+
 
+@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
 
+@source '../../storage/framework/views/*.php';
 
+@source "../**/*.blade.php";
 
+@source "../**/*.js";
 
+@source "../**/*.vue";
 
+
 
+@theme {
 
+    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
 
+    'Segoe UI Symbol', 'Noto Color Emoji';
 
+}
 
+body {
 
+    background-color: #f8f9fa;
 
+}

+ 1 - 0
resources/js/app.js
View File 

@@ -0,0 +1 @@
 
+import 'tailwindcss';

+ 16 - 9
resources/views/components/layouts/app.blade.php
View File 

@@ -1,12 +1,19 @@
 
 <!DOCTYPE html>
 
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
-    <head>
 
-        <meta charset="utf-8">
 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-
 
-        <title>{{ $title ?? 'Page Title' }}</title>
 
-    </head>
 
-    <body>
 
-        {{ $slot }}
 
-    </body>
 
+<head>
 
+
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+
 
+    <title>{{ $title ?? 'Page Title' }}</title>
 
+
 
+
 
+
 
+
 
+    @vite('resources/css/app.css')
 
+</head>
 
+<body>
 
+{{ $slot }}
 
+@vite('resources/js/app.js')
 
+</body>
 
 </html>