auth.blade.php 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Stag | Pro</title>
  7. <!-- Tell the browser to be responsive to screen width -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Google Font: Source Sans Pro -->
  10. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  11. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
  12. <link href="{{ asset('/css/app.css') }}" rel="stylesheet">
  13. <link href="{{ asset('/css/style.css') }}" rel="stylesheet">
  14. </head>
  15. <body class="hold-transition login-page">
  16. <style>
  17. .auth-branding {
  18. background: #444343 !important;
  19. box-shadow: none !important;
  20. border-bottom: 1px solid #262626;
  21. padding: 0.5rem 0;
  22. margin: 0;
  23. border-top-left-radius: 8px;
  24. border-top-right-radius: 8px;
  25. font-size: 1.4rem;
  26. }
  27. .auth-branding img {
  28. line-height: .8;
  29. margin-left: 0;
  30. margin-right: .5rem;
  31. margin-top: -3px;
  32. max-height: 33px;
  33. }
  34. .login-card-body {
  35. border-bottom-left-radius: 8px;
  36. border-bottom-right-radius: 8px;
  37. }
  38. .login-box {
  39. width: 400px;
  40. margin: 100px auto;
  41. }
  42. .login-content {
  43. border-top-left-radius: 0;
  44. border-top-right-radius: 0;
  45. border-bottom-left-radius: 8px;
  46. border-bottom-right-radius: 8px;
  47. overflow: hidden;
  48. }
  49. </style>
  50. <div class="login-box">
  51. <div class="login-logo auth-branding text-center border-0">
  52. <span class="brand-text font-weight-light text-white"><b>Stag</b> Pro</span>
  53. </div>
  54. <div class="login-content card border-top-0">
  55. <div class="card-body border-0 login-card-body p-0">
  56. @yield('content')
  57. </div>
  58. </div>
  59. </div>
  60. </body>
  61. </html>