From c965bdc124ddfbb3077d8f19ef0f3a7553f2608a Mon Sep 17 00:00:00 2001
From: Lucas Colombo <lucasncolombo@gmail.com>
Date: Mon, 20 Jan 2025 11:51:23 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20add=20avatar=20and=20file?=
 =?UTF-8?q?=20content=20styles=20for=20improved=20UI=20components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/themes/scss/theme/components/_avatar.scss |  6 +++
 .../scss/theme/components/_file-content.scss  | 45 +++++++++++++++++++
 src/themes/scss/theme/components/index.scss   |  4 +-
 3 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 src/themes/scss/theme/components/_avatar.scss
 create mode 100644 src/themes/scss/theme/components/_file-content.scss

diff --git a/src/themes/scss/theme/components/_avatar.scss b/src/themes/scss/theme/components/_avatar.scss
new file mode 100644
index 0000000..08b241c
--- /dev/null
+++ b/src/themes/scss/theme/components/_avatar.scss
@@ -0,0 +1,6 @@
+@mixin avatar {
+    img.ui.avatar, .ui.avatar img, .ui.avatar svg {
+        border-radius: 50% !important;
+        object-fit: fill;
+    }
+}
\ No newline at end of file
diff --git a/src/themes/scss/theme/components/_file-content.scss b/src/themes/scss/theme/components/_file-content.scss
new file mode 100644
index 0000000..604db84
--- /dev/null
+++ b/src/themes/scss/theme/components/_file-content.scss
@@ -0,0 +1,45 @@
+@use '@lucas-labs/lui-micro/var' as var;
+@use '@lucas-labs/lui-micro/color' as color;
+
+@mixin file-content {
+    .non-diff-file-content {
+        .ui.segment.list-header {
+            border-radius: var(--border-radius);
+            margin-bottom: var.get('measure/1x') !important;
+            gap: var.get('measure/.5x');
+            padding: var.get('measure/.5x') var.get('measure/.75x');
+            
+            .latest-commit {
+                gap: var.get('measure/.5x');
+            }
+
+            .commit-summary {
+                color: color.get('subtle');
+            }
+
+            .age {
+                font-size: 12px;
+            }
+        }
+
+        .ui.top.attached.header {
+            border-top-left-radius: var(--border-radius);
+            border-top-right-radius: var(--border-radius);
+
+            .file-info {
+                color: color.get('subtle') !important;
+            }
+
+            .btn-octicon {
+                --color-text: #{color.get('subtle')};
+            }
+        }
+
+        .ui.attached.segment:has(+.ui[class*="top attached"].header), .ui.attached.segment:has(+.page.buttons), .ui.attached.segment:last-child, .ui.segment:has(+.ui.segment:not(.attached)), .ui.attached.segment:has(+.ui.modal) {
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-left-radius: var(--border-radius);
+            border-bottom-right-radius: var(--border-radius);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/themes/scss/theme/components/index.scss b/src/themes/scss/theme/components/index.scss
index 887a831..6733dff 100644
--- a/src/themes/scss/theme/components/index.scss
+++ b/src/themes/scss/theme/components/index.scss
@@ -1,3 +1,5 @@
 @forward './signed-label';
 @forward './editor';
-@forward './menu';
\ No newline at end of file
+@forward './menu';
+@forward './file-content';
+@forward './avatar';
\ No newline at end of file