Merge pull request #118 from Kurozora/update-error-pages

Kurozora · Apr 21, 2021 · bf9ab7e · bf9ab7e
2 parents 510d9bb + 4863b72
commit bf9ab7e
Show file tree

Hide file tree

Showing 14 changed files with 852 additions and 30 deletions.
diff --git a/app/View/Components/ErrorLayout.php b/app/View/Components/ErrorLayout.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\Contracts\Foundation\Application;
+use Illuminate\Contracts\View\Factory;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class ErrorLayout extends Component
+{
+    /**
+     * Get the view / contents that represents the component.
+     *
+     * @return Application|Factory|View
+     */
+    public function render()
+    {
+        return view('layouts.error');
+    }
+}
diff --git a/config/app.php b/config/app.php
@@ -37,7 +37,7 @@
     | the framework needs to place the application's version in a notification
     | or any other location as required by the application or its packages.
     */
-    'version' => '1.2.0-alpha.14',
+    'version' => '1.2.0-alpha.15',
 
     /*
     |--------------------------------------------------------------------------

diff --git a/public/css/app.css b/public/css/app.css
@@ -1103,6 +1103,9 @@ main {
 .m-0 {
 	margin: 0px;
 }
+.m-8 {
+	margin: 2rem;
+}
 .my-auto {
 	margin-top: auto;
 	margin-bottom: auto;
@@ -1115,9 +1118,9 @@ main {
 	margin-left: auto;
 	margin-right: auto;
 }
-.my-12 {
-	margin-top: 3rem;
-	margin-bottom: 3rem;
+.my-3 {
+	margin-top: 0.75rem;
+	margin-bottom: 0.75rem;
 }
 .my-8 {
 	margin-top: 2rem;
@@ -1159,6 +1162,9 @@ main {
 .mt-3 {
 	margin-top: 0.75rem;
 }
+.mb-8 {
+	margin-bottom: 2rem;
+}
 .-mr-2 {
 	margin-right: -0.5rem;
 }
@@ -1216,6 +1222,9 @@ main {
 .h-4 {
 	height: 1rem;
 }
+.h-1 {
+	height: 0.25rem;
+}
 .h-full {
 	height: 100%;
 }
@@ -1240,6 +1249,9 @@ main {
 .h-9 {
 	height: 2.25rem;
 }
+.min-h-screen {
+	min-height: 100vh;
+}
 .w-screen {
 	width: 100vw;
 }
@@ -1255,6 +1267,9 @@ main {
 .w-48 {
 	width: 12rem;
 }
+.w-16 {
+	width: 4rem;
+}
 .w-auto {
 	width: auto;
 }
@@ -1285,6 +1300,9 @@ main {
 .max-w-lg {
 	max-width: 32rem;
 }
+.max-w-md {
+	max-width: 28rem;
+}
 .max-w-xl {
 	max-width: 36rem;
 }
@@ -1461,6 +1479,18 @@ main {
 	--tw-border-opacity: 1;
 	border-color: rgba(228, 228, 231, var(--tw-border-opacity));
 }
+.border-blue-500 {
+	--tw-border-opacity: 1;
+	border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+.border-green-500 {
+	--tw-border-opacity: 1;
+	border-color: rgba(34, 197, 94, var(--tw-border-opacity));
+}
+.border-violet-500 {
+	--tw-border-opacity: 1;
+	border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
 .border-gray-100 {
 	--tw-border-opacity: 1;
 	border-color: rgba(244, 244, 245, var(--tw-border-opacity));
@@ -1501,9 +1531,28 @@ main {
 	--tw-bg-opacity: 1;
 	background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
 }
+.bg-blue-300 {
+	--tw-bg-opacity: 1;
+	background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+.bg-orange-300 {
+	--tw-bg-opacity: 1;
+	background-color: rgba(255, 190, 102, var(--tw-bg-opacity));
+}
+.bg-green-300 {
+	--tw-bg-opacity: 1;
+	background-color: rgba(134, 239, 172, var(--tw-bg-opacity));
+}
+.bg-violet-300 {
+	--tw-bg-opacity: 1;
+	background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
 .bg-cover {
 	background-size: cover;
 }
+.bg-no-repeat {
+	background-repeat: no-repeat;
+}
 .fill-current {
 	fill: currentColor;
 }
@@ -1595,6 +1644,9 @@ main {
 .pb-2 {
 	padding-bottom: 0.5rem;
 }
+.pb-\[100\%\] {
+	padding-bottom: 100%;
+}
 .pt-2 {
 	padding-top: 0.5rem;
 }
@@ -1646,6 +1698,10 @@ main {
 	font-size: 1rem;
 	line-height: 1.5rem;
 }
+.text-5xl {
+	font-size: 3rem;
+	line-height: 1;
+}
 .text-4xl {
 	font-size: 2.25rem;
 	line-height: 2.5rem;
@@ -1662,6 +1718,9 @@ main {
 .font-black {
 	font-weight: 900;
 }
+.font-light {
+	font-weight: 300;
+}
 .font-normal {
 	font-weight: 400;
 }
@@ -1674,6 +1733,9 @@ main {
 .leading-5 {
 	line-height: 1.25rem;
 }
+.leading-normal {
+	line-height: 1.5;
+}
 .tracking-wide {
 	letter-spacing: 0.025em;
 }
@@ -1724,10 +1786,22 @@ main {
 	--tw-text-opacity: 1;
 	color: rgba(204, 118, 0, var(--tw-text-opacity));
 }
+.text-black {
+	--tw-text-opacity: 1;
+	color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+.text-blue-500 {
+	--tw-text-opacity: 1;
+	color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
 .text-green-500 {
 	--tw-text-opacity: 1;
 	color: rgba(34, 197, 94, var(--tw-text-opacity));
 }
+.text-violet-500 {
+	--tw-text-opacity: 1;
+	color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
 .underline {
 	text-decoration: underline;
 }
@@ -1849,6 +1923,18 @@ main {
 	--tw-border-opacity: 1;
 	border-color: rgba(255, 169, 51, var(--tw-border-opacity));
 }
+.hover\:border-blue-400:hover {
+	--tw-border-opacity: 1;
+	border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+.hover\:border-green-400:hover {
+	--tw-border-opacity: 1;
+	border-color: rgba(74, 222, 128, var(--tw-border-opacity));
+}
+.hover\:border-violet-400:hover {
+	--tw-border-opacity: 1;
+	border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
 .hover\:bg-orange-400:hover {
 	--tw-bg-opacity: 1;
 	background-color: rgba(255, 169, 51, var(--tw-bg-opacity));
@@ -1865,6 +1951,18 @@ main {
 	--tw-bg-opacity: 1;
 	background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
 }
+.hover\:bg-blue-400:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+.hover\:bg-green-400:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgba(74, 222, 128, var(--tw-bg-opacity));
+}
+.hover\:bg-violet-400:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
 .hover\:text-gray-900:hover {
 	--tw-text-opacity: 1;
 	color: rgba(24, 24, 27, var(--tw-text-opacity));
@@ -1919,6 +2017,18 @@ main {
 	--tw-border-opacity: 1;
 	border-color: rgba(212, 212, 216, var(--tw-border-opacity));
 }
+.focus\:border-blue-600:focus {
+	--tw-border-opacity: 1;
+	border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+.focus\:border-green-600:focus {
+	--tw-border-opacity: 1;
+	border-color: rgba(22, 163, 74, var(--tw-border-opacity));
+}
+.focus\:border-violet-600:focus {
+	--tw-border-opacity: 1;
+	border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
 .focus\:border-blue-300:focus {
 	--tw-border-opacity: 1;
 	border-color: rgba(147, 197, 253, var(--tw-border-opacity));
@@ -1975,6 +2085,18 @@ main {
 	--tw-bg-opacity: 1;
 	background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
 }
+.active\:bg-blue-600:active {
+	--tw-bg-opacity: 1;
+	background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+.active\:bg-green-600:active {
+	--tw-bg-opacity: 1;
+	background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
+}
+.active\:bg-violet-600:active {
+	--tw-bg-opacity: 1;
+	background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
 .active\:bg-gray-100:active {
 	--tw-bg-opacity: 1;
 	background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
@@ -2009,6 +2131,10 @@ main {
 .disabled\:opacity-25:disabled {
 	opacity: 0.25;
 }
+.dark .dark\:bg-black {
+	--tw-bg-opacity: 1;
+	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
 @media (min-width: 640px) {
 	.sm\:top-1\/2 {
 		top: 50%;
@@ -2133,15 +2259,28 @@ main {
 	.md\:col-span-1 {
 		grid-column: span 1 / span 1;
 	}
+	.md\:my-6 {
+		margin-top: 1.5rem;
+		margin-bottom: 1.5rem;
+	}
 	.md\:mt-0 {
 		margin-top: 0px;
 	}
+	.md\:flex {
+		display: flex;
+	}
 	.md\:grid {
 		display: grid;
 	}
+	.md\:min-h-screen {
+		min-height: 100vh;
+	}
 	.md\:w-1\/5 {
 		width: 20%;
 	}
+	.md\:w-1\/2 {
+		width: 50%;
+	}
 	.md\:max-w-xs {
 		max-width: 20rem;
 	}
@@ -2151,9 +2290,23 @@ main {
 	.md\:gap-6 {
 		gap: 1.5rem;
 	}
+	.md\:bg-left {
+		background-position: left;
+	}
+	.md\:pb-0 {
+		padding-bottom: 0px;
+	}
 	.md\:text-left {
 		text-align: left;
 	}
+	.md\:text-9xl {
+		font-size: 8rem;
+		line-height: 1;
+	}
+	.md\:text-3xl {
+		font-size: 1.875rem;
+		line-height: 2.25rem;
+	}
 }
 @media (min-width: 1024px) {
 	.lg\:prose-lg {
@@ -2353,6 +2506,9 @@ main {
 	.lg\:grid-cols-3 {
 		grid-template-columns: repeat(3, minmax(0, 1fr));
 	}
+	.lg\:bg-center {
+		background-position: center;
+	}
 	.lg\:px-8 {
 		padding-left: 2rem;
 		padding-right: 2rem;