feat(ui): add brand identity and police record
giteabot / giteabot (push) Canceled after 0s
giteabot backport / giteabot (push) Canceled after 0s
release-nightly-snapcraft / build-and-publish (push) Canceled after 0s
release-nightly / nightly-binary (push) Canceled after 0s
release-nightly / nightly-container (push) Canceled after 0s
giteabot / giteabot (push) Canceled after 0s
giteabot backport / giteabot (push) Canceled after 0s
release-nightly-snapcraft / build-and-publish (push) Canceled after 0s
release-nightly / nightly-binary (push) Canceled after 0s
release-nightly / nightly-container (push) Canceled after 0s
Assisted-by: Codex: GPT-5
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
@@ -2,6 +2,7 @@
|
|||||||
<div class="left-links">
|
<div class="left-links">
|
||||||
<span>© 2026 海南荣刻科技有限公司. All Rights Reserved.</span>
|
<span>© 2026 海南荣刻科技有限公司. All Rights Reserved.</span>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">琼ICP备2026011549号</a>
|
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">琼ICP备2026011549号</a>
|
||||||
|
<a class="footer-police-record" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=46010002001924" target="_blank" rel="noopener noreferrer"><img src="{{AssetUrlPrefix}}/img/beian-police.png" alt="公安备案图标">琼公网安备46010002001924号</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="right-links" role="group" aria-label="{{ctx.Locale.Tr "aria.footer.links"}}">
|
<div class="right-links" role="group" aria-label="{{ctx.Locale.Tr "aria.footer.links"}}">
|
||||||
<div class="ui dropdown custom" id="footer-theme-selector">
|
<div class="ui dropdown custom" id="footer-theme-selector">
|
||||||
|
|||||||
@@ -3,6 +3,12 @@
|
|||||||
<!-- the logo -->
|
<!-- the logo -->
|
||||||
<a class="item" id="navbar-logo" href="{{AppSubUrl}}/" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home_title"}}{{end}}">
|
<a class="item" id="navbar-logo" href="{{AppSubUrl}}/" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home_title"}}{{end}}">
|
||||||
<img width="30" height="30" src="{{AssetUrlPrefix}}/img/logo.png" alt="{{ctx.Locale.Tr "logo"}}" aria-hidden="true">
|
<img width="30" height="30" src="{{AssetUrlPrefix}}/img/logo.png" alt="{{ctx.Locale.Tr "logo"}}" aria-hidden="true">
|
||||||
|
{{if .PageIsSignIn}}
|
||||||
|
<span class="navbar-brand-copy" aria-hidden="true">
|
||||||
|
<strong>荣刻科技</strong>
|
||||||
|
<small>RONCARVE TECHNOLOGY</small>
|
||||||
|
</span>
|
||||||
|
{{end}}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<!-- mobile right menu, it must be here because in mobile view, each item is a flex column, the first item is a full row column -->
|
<!-- mobile right menu, it must be here because in mobile view, each item is a flex column, the first item is a full row column -->
|
||||||
|
|||||||
@@ -69,6 +69,18 @@
|
|||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-footer .footer-police-record {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-footer .footer-police-record img {
|
||||||
|
width: 18px;
|
||||||
|
height: 20px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
.page-footer .right-links {
|
.page-footer .right-links {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
|
min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
|
||||||
|
|||||||
@@ -166,3 +166,38 @@ h4.ui.header .sub.header {
|
|||||||
padding: 0.5em 0.75em !important;
|
padding: 0.5em 0.75em !important;
|
||||||
color: var(--color-text) !important;
|
color: var(--color-text) !important;
|
||||||
}
|
}
|
||||||
|
#navbar-logo {
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar-logo .navbar-brand-copy {
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar-logo .navbar-brand-copy strong {
|
||||||
|
color: #071a50;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar-logo .navbar-brand-copy small {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: #75809a;
|
||||||
|
font-family: var(--fonts-monospace);
|
||||||
|
font-size: 8px;
|
||||||
|
letter-spacing: 0.2em;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767.98px) {
|
||||||
|
#navbar-logo .navbar-brand-copy strong {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar-logo .navbar-brand-copy small {
|
||||||
|
font-size: 7px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user