pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nvim): implement basic layout

Browse Source
This commit is contained in:
Stevan
2024-05-30 15:44:49 +02:00
parent 6a38b3a41e
commit 9a5cd07c80
9 changed files with 66 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Music/SpotifyPlayer.tsx
View File

@@ -18,8 +18,12 @@ export const SpotifyPlayer = (props: {
<div
className="grid select-none"
style={{
gridTemplateColumns: `${CHAR_WIDTH}px ${CHAR_WIDTH * 8}px 1fr ${CHAR_WIDTH}px`,
gridTemplateRows: `${CHAR_HEIGHT}px ${CHAR_HEIGHT * 3}px ${CHAR_HEIGHT}px`,
gridTemplateColumns: `${CHAR_WIDTH}px ${
CHAR_WIDTH * 8
}px 1fr ${CHAR_WIDTH}px`,
gridTemplateRows: `${CHAR_HEIGHT}px ${
CHAR_HEIGHT * 3
}px ${CHAR_HEIGHT}px`,
}}
>
{kitty && <InnerSpotifyPlayer {...props} {...kitty} />}
@@ -35,7 +39,9 @@ const InnerSpotifyPlayer = (props: InnerKittyProps<typeof SpotifyPlayer>) => {
);
const emptySize = props.cols - 2 - fillSize;
const timeString = `${formatMMSS(props.played)}/${formatMMSS(props.duration)}`;
const timeString = `${formatMMSS(props.played)}/${formatMMSS(
props.duration,
)}`;
const timeStringLeft = Math.round(
(props.cols - 2) / 2 - timeString.length / 2,
);