infrastructure/gitea-custom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ✨ add avatar and file content styles for improved UI components

Browse Source
This commit is contained in:
Lucas Colombo 2025-01-20 11:51:23 -03:00
parent 38be548b55
commit c965bdc124
3 changed files with 54 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/themes/scss/theme/components/_avatar.scss Normal file
View File

@ -0,0 +1,6 @@
@mixin avatar {
img.ui.avatar, .ui.avatar img, .ui.avatar svg {
border-radius: 50% !important;
object-fit: fill;
}
}

45
src/themes/scss/theme/components/_file-content.scss Normal file
View File

@ -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);
}
}
}

4
src/themes/scss/theme/components/index.scss
View File

@ -1,3 +1,5 @@
@forward './signed-label';
@forward './editor';
@forward './menu';
@forward './menu';
@forward './file-content';
@forward './avatar';