#32 fix icon for PackageCard

This commit is contained in:
neil 2022-11-29 12:18:05 +08:00
parent bf27e71ff5
commit 827d9905bc

View file

@ -1,4 +1,5 @@
<script type="ts"> <script type="ts">
import '../app.css'; import '../app.css';
import type { Package } from '../types'; import type { Package } from '../types';
export let pkg: Package; export let pkg: Package;
@ -26,7 +27,7 @@
<footer class="flex mt-4 justify-between items-center"> <footer class="flex mt-4 justify-between items-center">
<div> <div>
<p> <p>
<span>V&NonBreakingSpace;{pkg.version}</span> <span class="text-xs">V&NonBreakingSpace;{pkg.version}</span>
<!-- <!--
TODO: uncomment once install counts improve TODO: uncomment once install counts improve
<br> <br>
@ -51,11 +52,6 @@
position: relative; position: relative;
} }
.detail-btn {
position: relative;
float: right !important;
right: 0;
}
img { img {
box-shadow: 0px 0px 12px #0c0c0c !important; box-shadow: 0px 0px 12px #0c0c0c !important;
@ -64,6 +60,7 @@
} }
.card-thumb-label i { .card-thumb-label i {
font-size: 1.5vw; font-size: 1.5vw;
color: black;
} }
.card-thumb-label h3 { .card-thumb-label h3 {
@ -87,13 +84,16 @@
.card-thumb-label h4 { .card-thumb-label h4 {
color: black; color: black;
font-size: 1.5vw; font-size: .9vw;
line-height: 1.5vw; line-height: 1vw;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
.detail-btn { .detail-btn {
position: relative;
float: right;
right: 0;
display: inline-block; display: inline-block;
font-family: 'pp-neue-machina', sans-serif; font-family: 'pp-neue-machina', sans-serif;
background-color: #1a1a1a; background-color: #1a1a1a;
@ -102,7 +102,7 @@
padding-top: 0.279vw; padding-top: 0.279vw;
text-decoration: none; text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
width: 100px; width: 120px;
height: 2.232vw; height: 2.232vw;
min-height: 34px; min-height: 34px;
transition: 0.1s linear; transition: 0.1s linear;