candifloss/Gitea-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor css fixes

Browse Source
This commit is contained in:
Candifloss 2024-11-11 21:41:30 +05:30
parent e4f0aa7679
commit 4a8d867e59
5 changed files with 129 additions and 130 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
test/css/repo-home.css
View File

@ -83,7 +83,7 @@ header .header-section.header-right a:hover {
width: 250px;
background-color: #1a1a1a;
color: #f0f0f0;
padding: 20px 0;
padding: 0;
display: flex;
flex-direction: column;
}
@ -91,15 +91,16 @@ header .header-section.header-right a:hover {
display: flex;
align-items: center;
gap: 10px;
padding: 0 12px 10px;
padding: 8px 12px;
border-bottom: 2px solid cadetblue;
}
.sidebar-right .repo-info .repo-logo {
width: 35px;
height: 35px;
width: 39px;
height: 39px;
border-radius: 50%;
display: flex;
border: 2px solid #7390df;
padding: 2px;
background-color: black;
}
.sidebar-right .repo-info .repo-logo img {
width: 35px;
@ -125,7 +126,7 @@ header .header-section.header-right a:hover {
display: block;
}
.sidebar-right .repo-info:hover .repo-logo {
border: 2px solid #9b9b9b;
background-color: #9b9b9b;
}
.sidebar-right .repo-nav {
display: flex;
@ -137,14 +138,13 @@ header .header-section.header-right a:hover {
gap: 10px;
color: #f0f0f0;
text-decoration: none;
font-size: 0.95rem;
padding: 0.5em 12px;
border-right: 2px solid rgba(0, 0, 0, 0);
height: 3em;
font-size: 15px;
padding: 0.75em 12px;
border-left: 2px solid rgba(0, 0, 0, 0);
}
.sidebar-right .repo-nav .nav-link:hover {
background-color: #333;
border-right: 2px solid wheat;
border-left: 2px solid wheat;
}
.sidebar-right .repo-nav .nav-link i {
font-size: 1em;
@ -186,15 +186,14 @@ header .header-section.header-right a:hover {
gap: 10px;
color: #f0f0f0;
text-decoration: none;
font-size: 0.95rem;
padding: 0.5em 12px;
border-right: 2px solid rgba(0, 0, 0, 0);
height: 3em;
font-size: 15px;
padding: 0.75em 12px;
border-left: 2px solid rgba(0, 0, 0, 0);
margin-top: auto;
}
.sidebar-right .settings-link:hover {
background-color: #333;
border-right: 2px solid wheat;
border-left: 2px solid wheat;
}
.sidebar-right .settings-link i {
font-size: 1em;

2
test/html/repo-home.html
View File

@ -40,7 +40,7 @@
<!-- Repo Info -->
<div class="repo-info">
<div class="repo-logo">
<img src="../images/repo-icon.png" alt="&#xf02e;" />
<img src="../images/repo_icon.png" alt="&#xf02e;" />
</div>
<div class="repo-details">
<a class="repo-author" href="/author_page">Author Name</a>

BIN
test/images/repo_icon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
test/images/repo_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

24
test/scss/repo-home/_sidebar-right.scss
View File

@ -15,14 +15,13 @@ $settings-link-hover-bg-color: #333;
gap: 10px;
color: $sidebar-text-color;
text-decoration: none;
font-size: 0.95rem;
padding: 0.5em 12px;
border-right: 2px solid rgba(0,0,0,0);
height: 3em;
font-size: 15px;
padding: 0.75em 12px;
border-left: 2px solid rgba(0,0,0,0);
&:hover {
background-color: $sidebar-link-hover-bg-color;
border-right: 2px solid wheat;
border-left: 2px solid wheat;
}
i {
@ -37,25 +36,25 @@ $settings-link-hover-bg-color: #333;
width: 250px;
background-color: $sidebar-bg-color;
color: $sidebar-text-color;
padding: 20px 0;
padding: 0;
display: flex;
flex-direction: column;
//gap: 1rem;
.repo-info {
display: flex;
align-items: center;
gap: 10px;
padding: 0 12px 10px;
padding: 8px 12px;
border-bottom: 2px solid cadetblue;
.repo-logo {
//background-color: #f0f0f0;
width: 35px;
height: 35px;
width: 39px;
height: 39px;
border-radius: 50%;
display: flex;
border: 2px solid #7390df;
padding: 2px;
background-color: black;
img {
width: 35px;
@ -91,7 +90,8 @@ $settings-link-hover-bg-color: #333;
&:hover {
.repo-logo {
border: 2px solid #9b9b9b;
//border: 2px solid #9b9b9b;
background-color: #9b9b9b;
}
}
}