mirror of
https://github.com/gabehf/Koito.git
synced 2026-04-22 20:11:50 -07:00
add header, adjust ui
This commit is contained in:
parent
442221327d
commit
9b7e68487d
4 changed files with 9 additions and 4 deletions
|
|
@ -38,7 +38,7 @@ export default function Rewind(props: Props) {
|
|||
includeTime={props.includeTime}
|
||||
/>
|
||||
|
||||
<div className="grid grid-cols-3 gap-5">
|
||||
<div className="grid grid-cols-3 gap-y-5">
|
||||
<RewindStatText
|
||||
figure={`${props.stats.minutes_listened}`}
|
||||
text="Minutes listened"
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ interface Props {
|
|||
export default function RewindStatText(props: Props) {
|
||||
return (
|
||||
<div className="flex items-baseline gap-1.5">
|
||||
<div className="w-20 text-end shrink-0">
|
||||
<div className="w-23 text-end shrink-0">
|
||||
<span
|
||||
className="
|
||||
relative inline-block
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ export function RewindTopItem<
|
|||
return (
|
||||
<div className="flex gap-5">
|
||||
<div className="rewind-top-item-image">
|
||||
<img className="w-50 h-50" src={imageSrc} />
|
||||
<img className="max-w-48 max-h-48" src={imageSrc} />
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-1">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue