Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-24 22:55:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

normalize media streaming widget padding

Browse Source
This commit is contained in:
Ben Phelps 2022-09-12 09:41:44 +03:00
parent 4531985032
commit 83d7100dd1
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/services/widgets/service/emby.jsx
View File

@ -27,6 +27,7 @@ function ticksToString(ticks) {
}
function SingleSessionEntry({ playCommand, session }) {
console.log(session);
const {
NowPlayingItem: { Name, SeriesName, RunTimeTicks },
PlayState: { PositionTicks, IsPaused, IsMuted },
@ -175,7 +176,7 @@ export default function Emby({ service }) {
if (playing.length === 0) {
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
<div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
<span className="absolute left-2 text-xs mt-[2px]">{t("emby.no_active")}</span>
</div>
@ -189,7 +190,7 @@ export default function Emby({ service }) {
if (playing.length === 1) {
const session = playing[0];
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
<SingleSessionEntry
playCommand={(currentSession, command) => handlePlayCommand(currentSession, command)}
session={session}
@ -199,7 +200,7 @@ export default function Emby({ service }) {
}
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
{playing.map((session) => (
<SessionEntry
key={session.Id}

8
src/components/services/widgets/service/tautulli.jsx
View File

@ -104,7 +104,7 @@ export default function Tautulli({ service }) {
if (!activityData) {
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
<div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
<span className="absolute left-2 text-xs mt-[2px]">-</span>
</div>
@ -127,7 +127,7 @@ export default function Tautulli({ service }) {
if (playing.length === 0) {
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
<div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
<span className="absolute left-2 text-xs mt-[2px]">{t("tautulli.no_active")}</span>
</div>
@ -141,14 +141,14 @@ export default function Tautulli({ service }) {
if (playing.length === 1) {
const session = playing[0];
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
<SingleSessionEntry session={session} />
</div>
);
}
return (
<div className="flex flex-col pb-1">
<div className="flex flex-col pb-1 mx-1">
{playing.map((session) => (
<SessionEntry key={session.Id} session={session} />
))}