From f31a84fa28880329bffc5089bd52b8f92b368141 Mon Sep 17 00:00:00 2001 From: A1Gard Date: Tue, 7 May 2024 07:38:06 +0330 Subject: [PATCH] fixed style for panel --- resources/sass/_navbar.scss | 2 - resources/sass/app.scss | 4 + ....blade.php => panel-side-navbar.blade.php} | 12 +- .../components/panel-top-navbar.blade.php | 56 ++++++++ resources/views/home.blade.php | 130 +++++++++++++++--- resources/views/layouts/app.blade.php | 58 +------- 6 files changed, 182 insertions(+), 80 deletions(-) rename resources/views/components/{panel-navbar.blade.php => panel-side-navbar.blade.php} (100%) create mode 100644 resources/views/components/panel-top-navbar.blade.php diff --git a/resources/sass/_navbar.scss b/resources/sass/_navbar.scss index 0b242f4..0d26432 100644 --- a/resources/sass/_navbar.scss +++ b/resources/sass/_navbar.scss @@ -1,6 +1,4 @@ #panel-navbar { - background-color: #282c34; - background-image: url("../images/pattern.png"); height: calc(100vh - 55px); overflow-y: auto; position: relative; diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 60b0430..be589b1 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -25,6 +25,10 @@ a{ grid-template-columns:50px 0 1fr; transition: 400ms; + >aside{ + background-image: url("../images/pattern.png"); + background-color: #282c34; + } &.sided{ grid-template-columns:50px 250px 1fr; #sidebar-panel{ diff --git a/resources/views/components/panel-navbar.blade.php b/resources/views/components/panel-side-navbar.blade.php similarity index 100% rename from resources/views/components/panel-navbar.blade.php rename to resources/views/components/panel-side-navbar.blade.php index 10bdfce..198f956 100644 --- a/resources/views/components/panel-navbar.blade.php +++ b/resources/views/components/panel-side-navbar.blade.php @@ -63,12 +63,6 @@ {{__('Transports')}} -
  • - - - {{__("Slider")}} - -
    • @@ -128,6 +122,12 @@ {{__("Menus")}} +
  • + + + {{__("Slider")}} + +
  • diff --git a/resources/views/components/panel-top-navbar.blade.php b/resources/views/components/panel-top-navbar.blade.php new file mode 100644 index 0000000..4665245 --- /dev/null +++ b/resources/views/components/panel-top-navbar.blade.php @@ -0,0 +1,56 @@ + diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index 9bce155..cad9eb3 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -1,24 +1,122 @@ @extends('layouts.app') @section('content') -
    -
    -
    +
    +
    +
    -
    {{ __('Dashboard') }}
    - +
    + lorem +
    - @if (session('status')) - - @endif - -

    - {{ __('You are logged in!') }} -

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate? +
    +
    +
    +
    +
    +
    + lorem +
    +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Aliquam aspernatur, commodi consequatur deleniti dolor, + dolore ducimus ipsa laudantium magni natus nemo neque odit + officia perferendis provident suscipit ullam voluptas voluptate?
    diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index d4ea837..fdc41e3 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -1,66 +1,12 @@ @include('components.panel-header')
    - + @include('components.panel-top-navbar')