From 92510845d62cbd98b797d369d2a0dc406687f3b5 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Mon, 12 Feb 2024 03:00:16 -0500
Subject: [PATCH] [S] Style recent

---
 AquaNet/src/pages/UserHome.svelte | 58 +++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte
index d2f0394f..84dbad5a 100644
--- a/AquaNet/src/pages/UserHome.svelte
+++ b/AquaNet/src/pages/UserHome.svelte
@@ -292,4 +292,62 @@ $gap: 20px
           flex-direction: row
           justify-content: space-between
 
+  .recent
+    .scores
+      display: flex
+      flex-direction: column
+      flex-wrap: wrap
+      gap: $gap
+
+      > div.alt
+        background-color: rgba(white, 0.03)
+        border-radius: 10px
+
+      // Image and song info
+      > div
+        display: flex
+        align-items: center
+        gap: $gap
+        padding-right: 16px
+
+        img
+          width: 50px
+          height: 50px
+          border-radius: 10px
+          object-fit: cover
+
+        // Song info and score
+        > div
+          flex: 1
+          display: flex
+          justify-content: space-between
+
+        .rank-S
+          // Gold green gradient on text
+          background: linear-gradient(90deg, #ffee94, #ffb798, #ffa3e5, #ebff94)
+          -webkit-background-clip: text
+          color: transparent
+
+        .rank-A
+          color: #ff8a8a
+
+        .rank-B
+          color: #6ba6ff
+
+        span
+          display: inline-block
+          text-align: right
+
+        // Vertical table-like alignment
+        span.rank-text
+          min-width: 30px
+        span.rank-num
+          min-width: 60px
+        span.dx-change
+          min-width: 30px
+
+      span.increased
+        &:before
+          content: "+"
+        color: $c-good
 </style>
\ No newline at end of file