diff options
| -rw-r--r-- | resources/views/layouts/app.blade.php | 10 | ||||
| -rw-r--r-- | resources/views/topicindex.blade.php | 2 | ||||
| -rw-r--r-- | resources/views/topicpopular.blade.php | 2 |
3 files changed, 12 insertions, 2 deletions
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index 0f2851d..975821b 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -122,6 +122,16 @@ background-color: var(--cinema-cyan); border-color: var(--cinema-cyan); } + .btn-outline-pink { + color: var(--cinema-pink); + border-color: var(--cinema-pink); + } + .btn-outline-pink:hover, .btn-outline-pink:focus { + color: #fff; + background-color: var(--cinema-pink); + border-color: var(--cinema-pink); + box-shadow: 0 0 15px rgba(255, 46, 99, 0.3); + } .btn-primary { background-color: var(--cinema-pink); color: #fff; diff --git a/resources/views/topicindex.blade.php b/resources/views/topicindex.blade.php index 274d0fc..d5cf223 100644 --- a/resources/views/topicindex.blade.php +++ b/resources/views/topicindex.blade.php @@ -38,7 +38,7 @@ html { @php ($curLetter = $firstLetter) @endif - <a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-primary">{{ ucwords($topic->name) }}</a> + <a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-outline-pink">{{ ucwords($topic->name) }}</a> @endif @endforeach diff --git a/resources/views/topicpopular.blade.php b/resources/views/topicpopular.blade.php index 59ade5b..b8f0224 100644 --- a/resources/views/topicpopular.blade.php +++ b/resources/views/topicpopular.blade.php @@ -34,7 +34,7 @@ html { <div class="card-body"> @foreach ($topics as $topic) @if ( "" != $topic->name ) - <a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-primary mx-1 my-1">{{ ucwords($topic->name) }} ({{ $topic->count }} Articles)</a> + <a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-outline-pink mx-1 my-1">{{ ucwords($topic->name) }} ({{ $topic->count }} Articles)</a> @endif @endforeach </div> |