summaryrefslogtreecommitdiff
path: root/resources/views
diff options
context:
space:
mode:
Diffstat (limited to 'resources/views')
-rw-r--r--resources/views/cinema_show.blade.php8
-rw-r--r--resources/views/layouts/app.blade.php20
2 files changed, 21 insertions, 7 deletions
diff --git a/resources/views/cinema_show.blade.php b/resources/views/cinema_show.blade.php
index 56dd89f..92e684d 100644
--- a/resources/views/cinema_show.blade.php
+++ b/resources/views/cinema_show.blade.php
@@ -25,7 +25,7 @@
.hn-comment {
font-size: 0.875rem;
- color: #868e96;
+ color: var(--cinema-pink);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
@@ -33,6 +33,10 @@
text-overflow: ellipsis;
}
+.hn-heading {
+ color: var(--cinema-pink);
+}
+
@media (max-width: 768px) {
.movie-credits {
columns: 1;
@@ -153,7 +157,7 @@
@if ( ! empty($hnStories) )
<div class="mt-3">
- <h4>Mentions on Hacker News</h4>
+ <h4 class="hn-heading">Mentions on Hacker News</h4>
<ul class="list-unstyled">
@foreach($hnStories as $story)
<li>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 3ac93ed..666fcd6 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -125,13 +125,25 @@
border-color: var(--cinema-cyan);
}
.btn-primary {
+ background-color: var(--cinema-pink);
+ color: #fff;
+ font-weight: 700;
+ border: none;
+ transition: all 0.2s;
+ }
+ .btn-primary:hover {
+ background-color: var(--cinema-pink-hover);
+ color: #fff;
+ box-shadow: 0 0 15px rgba(255, 46, 99, 0.3);
+ }
+ .btn-hnimdb-cyan {
background-color: var(--cinema-cyan);
color: #000;
font-weight: 700;
border: none;
transition: all 0.2s;
}
- .btn-primary:hover {
+ .btn-hnimdb-cyan:hover {
background-color: var(--cinema-cyan-hover);
color: #000;
box-shadow: 0 0 15px rgba(0, 229, 212, 0.3);
@@ -148,13 +160,11 @@
/* Badge overrides */
.badge-primary {
- background-color: var(--cinema-cyan);
- color: #000;
+ background-color: var(--cinema-pink);
+ color: #fff;
font-weight: 600;
}
.badge-secondary {
- background-color: var(--cinema-surface-light);
- color: var(--cinema-text-muted);
}
/* Navbar divider */