root/movies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design improvements

Browse Source
This commit is contained in:
Doar Mihai
2026-03-07 14:00:02 +02:00
parent a233877d8f
commit 17558388b6
2 changed files with 44 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/sass/app.scss
+44
View File
@@ -327,26 +327,70 @@ $fa-font-path: "/fonts";
border: 1px solid #333;
background: #2a2a2a;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
border-radius: 8px;
overflow: hidden;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
&:hover {
transform: translateY(-5px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
.quick-actions{
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
background: #333;
border-top: 1px solid #444;
li {
flex: 1;
text-align: center;
border-right: 1px solid #444;
&:last-child {
border-right: none;
}
a {
color: #a0a0a0;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 8px;
transition: all 0.2s ease;
font-size: 0.85rem;
&:hover {
background: #444;
color: #e0e0e0;
}
.iconify {
font-size: 1.1rem;
}
}
// Special styling for the rating item
&:last-child a {
flex-direction: row;
justify-content: center;
gap: 4px;
.iconify {
margin-top: 0;
}
}
}
}