refactor(theme): update app logos and how they are displayed

Signed-off-by: miguel456 <me@nogueira.codes>
This commit is contained in:
Miguel Nogueira 2023-02-26 03:12:28 +00:00
parent 1ed38f9145
commit c48f2a9ec2
No known key found for this signature in database
GPG Key ID: 3C6A7E29AF26D370
10 changed files with 14 additions and 11 deletions

View File

@ -4,8 +4,11 @@ APP_KEY=
APP_DEBUG=true
APP_URL=http://localhost
# This is now an enforced relative path. Absolute URLs will not work.
APP_LOGO="path/to/logo"
# Please note: Use relative URLs. Absolute URLs will not work.
# The first logo is a large, horizontal logo
# The second logo is a square-shaped logo, nice to use w/ text
APP_LOGO="path/to/large/logo.png"
APP_LOGO_SM="path/to/small/logo.png"
APP_AUTH_BANNER=""
APP_SITEHOMEPAGE=""
API_PREFIX="api"

View File

@ -64,9 +64,9 @@ return [
*/
'logo' => env('APP_NAME'),
'logo_img' => env('APP_LOGO'),
'logo_img' => env('APP_LOGO_SM'),
'logo_img_class' => 'brand-image img-circle elevation-3',
'logo_img_xl' => null,
'logo_img_xl' => env('APP_LOGO'),
'logo_img_xl_class' => 'brand-image-xs',
'logo_img_alt' => env('app_name'),

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

View File

@ -11,7 +11,7 @@
<div class="col-md-7">
<div class="card-body">
<div class="brand-wrapper">
<img src="{{ config('adminlte.logo_img') }}" alt="logo" class="logo">{{ config('adminlte.logo') }}
<img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo">
</div>
<p class="login-card-description">{{__('Multi-factor authentication is enabled for your account.')}}</p>
<form action="{{ route('verify2FA') }}" method="POST" id="verify">

View File

@ -11,7 +11,7 @@
<div class="col-md-7">
<div class="card-body">
<div class="brand-wrapper">
<img src="{{ config('adminlte.logo_img') }}" alt="logo" class="logo rounded mr-2">{{ config('adminlte.logo') }}
<img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo rounded mr-2">
</div>
<p class="login-card-description">{{__('Sign in to your account')}}</p>
<form action="{{ route('login') }}" method="POST" id="loginForm">

View File

@ -11,7 +11,7 @@
<div class="col-md-7">
<div class="card-body">
<div class="brand-wrapper">
<img src="{{ config('adminlte.logo_img') }}" alt="logo" class="logo rounded mr-2">{{ config('adminlte.logo') }}
<img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo rounded mr-2">
</div>
<p class="login-card-description">{{__('Recover your account')}}</p>
@if(session('status'))

View File

@ -19,7 +19,7 @@
<div class="col-md-7">
<div class="card-body">
<div class="brand-wrapper">
<img src="{{ config('adminlte.logo_img') }}" alt="logo" class="logo rounded mr-2">{{ config('adminlte.logo') }}
<img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo rounded mr-2">
</div>
<p class="login-card-description">{{__('Set a new password')}}</p>
<form action="{{ $password_reset_url }}" method="POST" id="resetset">

View File

@ -11,7 +11,7 @@
<div class="col-md-7">
<div class="card-body">
<div class="brand-wrapper">
<img src="{{ config('adminlte.logo_img') }}" alt="logo" class="logo rounded mr-2">{{ config('adminlte.logo') }}
<img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo rounded mr-2">
</div> <!-- main content start -->
<p class="login-card-description">{{__('Sign up for an account')}}</p>

View File

@ -11,7 +11,7 @@
<div class="col-md-7">
<div class="card-body">
<div class="brand-wrapper">
<img src="{{ config('adminlte.logo_img') }}" alt="logo" class="logo">{{ config('adminlte.logo') }}
<img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo">
</div> <!-- main content start -->
<p class="login-card-description">{{__('adminlte::adminlte.verify_message')}}</p>

View File

@ -66,7 +66,7 @@
<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="#">
<img class="rounded" src="{{ asset(config('adminlte.logo_img')) }}" alt="Logo Gamesclub" height="50px">
<img class="rounded" src="{{ asset(config('adminlte.logo_img')) }}" alt="Logo {{ config('app.name') }}" height="50px">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">