Implements Initial Stack Slider

2023-11-08 04:15:18 -03:00
parent 100926b20d
commit 0b32845c2b
17 changed files with 327 additions and 48 deletions
--- a/src/app/home/stack-slider/stack-card/stack-card.component.css
+++ b/src/app/home/stack-slider/stack-card/stack-card.component.css
@@ -0,0 +1,40 @@
+.stack-card {
+    width: 300px;
+
+    border-radius: 15px;
+}
+
+.stack-card-image {
+    width: 100%;
+    border-top-left-radius: 15px !important;
+    border-top-right-radius: 15px !important;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.stack-card-body {
+    padding: 10px;
+    flex-grow: 1;
+
+    width: 250px;
+    height: 130px;
+    inline-size: 250px;
+}
+
+.stack-card-text {
+    word-break: break-all !important;
+    white-space: normal !important;
+}
+
+
+/*CARD STATE*/
+.active {
+    opacity: 1;
+    width: 300px;
+}
+
+.inactive {
+    opacity: 0.85;
+    width: 275px;
+}