#2388-redesign the page styles

cerpus · Aug 31, 2023 · ca38859 · ca38859
1 parent f477947
commit ca38859
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 62 deletions.
diff --git a/sourcecode/hub/resources/css/layout.scss b/sourcecode/hub/resources/css/layout.scss
@@ -61,3 +61,6 @@
     padding: 0;
     overflow-y: visible;
 }
+.no-content-found {
+    height: 50vh;
+}
diff --git a/sourcecode/hub/resources/css/theme.scss b/sourcecode/hub/resources/css/theme.scss
@@ -19,35 +19,8 @@
         background-color: $green-200;
     }
 
-    p, h1 {
-        font-family: Helvetica Neue;
-    }
-
-    .btn-custom {
-        background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
-        border: 1px solid #CED4DA;
-    }
-
     .no-content-found-title {
-        font-size: 40px;
-        font-weight: 500;
-        line-height: 48px;
-        text-align: left;
-        color: #000000;
-    }
-
-    .no-content-found-description {
-        font-size: 14px;
-        font-weight: 400;
-        line-height: 21px;
-    }
-
-    .no-content-found {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        height: 50vh;
+        color: $black;
     }
 
     .dropdown-menu {

diff --git a/sourcecode/hub/resources/views/content/mine.blade.php b/sourcecode/hub/resources/views/content/mine.blade.php
@@ -4,24 +4,13 @@
     @unless ($contents->isEmpty())
         <livewire:my-content-search :user="auth()->user()" wire:model="query"/>
     @else
-        <div class="no-content-found">
-            <h1 class="no-content-found-title">{{ trans('messages.alert-no-content-found-header') }}</h1>
-            <p class="no-content-found-description">{{ trans('messages.alert-no-content-found-description') }}</p>
+        <div class="no-content-found d-flex flex-column justify-content-center align-items-center">
+            <h1 class="no-content-found-title d-flex">{{ trans('messages.alert-no-content-found-header') }}</h1>
+            <p class="d-flex">{{ trans('messages.alert-no-content-found-description') }}</p>
 
-            <div class="d-flex justify-content-center mt-3 flex-column flex-md-row">
-                <a
-                    href="{{ route('content.index') }}"
-                    class="btn btn-primary mb-2 mb-md-0 me-md-2"
-                >
-                    {{ trans('messages.find-content') }}
-                </a>
-
-                <a
-                    href="{{ route('content.create') }}"
-                    class="btn btn-custom"
-                >
-                    {{ trans('messages.create-content') }}
-                </a>
+            <div class="d-flex gap-3 flex-column flex-md-row">
+                <a href="{{ route('content.index') }}" class="btn btn-primary" > {{ trans('messages.find-content') }} </a>
+                <a href="{{ route('content.create') }}" class="btn btn-secondary"> {{ trans('messages.create-content') }} </a>
             </div>
         </div>
     @endunless

diff --git a/sourcecode/hub/resources/views/livewire/content/search.blade.php b/sourcecode/hub/resources/views/livewire/content/search.blade.php
@@ -4,24 +4,13 @@
     @unless ($results->isEmpty())
         <x-content.grid :contents="$results"/>
     @else
-        <div class="no-content-found">
-            <h1 class="no-content-found-title">{{ trans('messages.alert-no-search-content-found-header') }}</h1>
-            <p class="no-content-found-description">{{ trans('messages.alert-no-search-content-found-description') }}</p>
+        <div class="no-content-found d-flex flex-column justify-content-center align-items-center">
+            <h1 class="no-content-found-title d-flex">{{ trans('messages.alert-no-search-content-found-header') }}</h1>
+            <p class="d-flex">{{ trans('messages.alert-no-search-content-found-description') }}</p>
 
-            <div class="d-flex justify-content-center mt-3 flex-column flex-md-row">
-                <a
-                    href="{{ route('content.index') }}"
-                    class="btn btn-primary mb-2 mb-md-0 me-md-2"
-                >
-                    {{ trans('messages.find-content') }}
-                </a>
-
-                <a
-                    href="{{ route('content.create') }}"
-                    class="btn btn-custom"
-                >
-                    {{ trans('messages.create-content') }}
-                </a>
+            <div class="d-flex gap-3 flex-column flex-md-row">
+                <a href="{{ route('content.index') }}" class="btn btn-primary" > {{ trans('messages.find-content') }} </a>
+                <a href="{{ route('content.create') }}" class="btn btn-secondary"> {{ trans('messages.create-content') }} </a>
             </div>
         </div>
     @endunless