ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-27 16:54:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix: Update Certificate Icon

Browse source
This commit is contained in:
Nelson Chan 2021-10-01 22:29:22 +08:00
parent 13bdfefa9d
commit b7568e9caa
2 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/CertificateInfoRow.vue
View file

@ -2,7 +2,10 @@
<div> <div>
<div class="d-flex flex-row align-items-center p-1 overflow-hidden"> <div class="d-flex flex-row align-items-center p-1 overflow-hidden">
<div class="m-3 ps-3"> <div class="m-3 ps-3">
<font-awesome-icon class="cert-icon" icon="file-contract" /> <div class="cert-icon">
<font-awesome-icon icon="file" />
<font-awesome-icon class="award-icon" icon="award" />
</div>
</div> </div>
<div class="m-3"> <div class="m-3">
<table class="text-start"> <table class="text-start">
@ -82,6 +85,7 @@ table {
} }
.cert-icon { .cert-icon {
position: relative;
font-size: 70px; font-size: 70px;
color: $link-color; color: $link-color;
opacity: 0.5; opacity: 0.5;
@ -92,6 +96,18 @@ table {
} }
} }
.award-icon {
position: absolute;
font-size: 0.5em;
bottom: 20%;
left: 12%;
color: white;
.dark & {
color: $dark-bg;
}
}
.link-icon { .link-icon {
font-size: 20px; font-size: 20px;
margin-left: 50px !important; margin-left: 50px !important;

6
src/icon.js
View file

@ -30,7 +30,8 @@ import {
faUpload, faUpload,
faCopy, faCopy,
faCheck, faCheck,
faFileContract, faFile,
faAward,
faLink, faLink,
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
@ -61,7 +62,8 @@ library.add(
faUpload, faUpload,
faCopy, faCopy,
faCheck, faCheck,
faFileContract, faFile,
faAward,
faLink, faLink,
); );