make social icons fit better
This commit is contained in:
parent
2bbabcb9e8
commit
0bf0d033f7
@ -97,9 +97,9 @@
|
||||
var url = Uri.TryCreate(social.IconUrl, UriKind.Absolute, out Uri parsedUrl)
|
||||
? parsedUrl.AbsoluteUri
|
||||
: $"/images/community/{social.IconUrl}";
|
||||
<img class="img-fluid mr-5" style="max-height: 1.2rem" src="@url" alt="@social.Title"/>
|
||||
<img class="img-fluid social-icon" style="max-height: 1.2rem" src="@url" alt="@social.Title"/>
|
||||
}
|
||||
<span class="name">@social.Title</span>
|
||||
<span class="name text-truncate">@social.Title</span>
|
||||
</a>
|
||||
}
|
||||
<br/>
|
||||
|
@ -276,8 +276,7 @@
|
||||
color: rgba(255, 69, 69, 0.85) !important;
|
||||
}
|
||||
|
||||
.text-force-break
|
||||
{
|
||||
.text-force-break {
|
||||
word-break: break-all;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
@ -360,14 +359,17 @@ table {
|
||||
padding: 0.5rem;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
|
||||
.dark-mode .on-this-page-nav {
|
||||
background-color: #25282c;
|
||||
}
|
||||
|
||||
.on-this-page-nav .title {
|
||||
font-weight: 500;
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.on-this-page-nav a {
|
||||
text-align: left;
|
||||
display: block;
|
||||
@ -376,10 +378,12 @@ table {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.dark-mode .on-this-page-nav a {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
border-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.on-this-page-nav a:hover,
|
||||
.dark-mode .on-this-page-nav a:hover, {
|
||||
color: #1890ff;
|
||||
@ -443,3 +447,9 @@ table.with-auto-width td {
|
||||
transform: translateX(100%) scaleX(0.5);
|
||||
}
|
||||
}
|
||||
|
||||
img.social-icon {
|
||||
max-height: 1.75rem;
|
||||
margin-right: 0.6rem;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user