Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commitfd39631

Browse files
committed
Update logo size and padding for smaller screens, center Discord link, and hide certain navbar links on mobile
1 parent5384905 commitfd39631

File tree

1 file changed

+23
-2
lines changed

1 file changed

+23
-2
lines changed

‎src/css/custom.css‎

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,12 +48,33 @@ a[docid="docs"] > svg {
4848
@media (max-width:768px) {
4949
/* Reduce the logo size for smaller screens */
5050
.navbar__logoimg {
51-
height:16px;/* Adjust the height for smaller screens */
51+
height:32px;
52+
align-items: center;
5253
}
5354

5455
/* Reduce the padding around the logo for smaller screens */
5556
.navbar__logo {
56-
padding:6px;/* Adjust the padding for smaller screens */
57+
padding:2px;/* Adjust the padding for smaller screens */
58+
}
59+
}
60+
61+
/* Center the Discord link within its parent */
62+
.navbar__items.navbar__items--right {
63+
display: flex;
64+
justify-content: center;
65+
align-items: center;
66+
}
67+
68+
@media screenand (max-width:480px) {
69+
a.navbar__item.navbar__link[docid="docs"] {
70+
display: none!important;
71+
}
72+
}
73+
74+
@media screenand (max-width:480px) {
75+
a.navbar__item.navbar__link[href="https://blog.coderabbit.ai/blog"]
76+
{
77+
display: none;
5778
}
5879
}
5980

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp