Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-02 21:43:39 +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 }) { function SingleSessionEntry({ playCommand, session }) {
console.log(session);
const { const {
NowPlayingItem: { Name, SeriesName, RunTimeTicks }, NowPlayingItem: { Name, SeriesName, RunTimeTicks },
PlayState: { PositionTicks, IsPaused, IsMuted }, PlayState: { PositionTicks, IsPaused, IsMuted },
@ -175,7 +176,7 @@ export default function Emby({ service }) {
if (playing.length === 0) { if (playing.length === 0) {
return ( 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"> <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> <span className="absolute left-2 text-xs mt-[2px]">{t("emby.no_active")}</span>
</div> </div>
@ -189,7 +190,7 @@ export default function Emby({ service }) {
if (playing.length === 1) { if (playing.length === 1) {
const session = playing[0]; const session = playing[0];
return ( return (
<div className="flex flex-col pb-1"> <div className="flex flex-col pb-1 mx-1">
<SingleSessionEntry <SingleSessionEntry
playCommand={(currentSession, command) => handlePlayCommand(currentSession, command)} playCommand={(currentSession, command) => handlePlayCommand(currentSession, command)}
session={session} session={session}
@ -199,7 +200,7 @@ export default function Emby({ service }) {
} }
return ( return (
<div className="flex flex-col pb-1"> <div className="flex flex-col pb-1 mx-1">
{playing.map((session) => ( {playing.map((session) => (
<SessionEntry <SessionEntry
key={session.Id} key={session.Id}

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

@ -104,7 +104,7 @@ export default function Tautulli({ service }) {
if (!activityData) { if (!activityData) {
return ( 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"> <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> <span className="absolute left-2 text-xs mt-[2px]">-</span>
</div> </div>
@ -127,7 +127,7 @@ export default function Tautulli({ service }) {
if (playing.length === 0) { if (playing.length === 0) {
return ( 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"> <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> <span className="absolute left-2 text-xs mt-[2px]">{t("tautulli.no_active")}</span>
</div> </div>
@ -141,14 +141,14 @@ export default function Tautulli({ service }) {
if (playing.length === 1) { if (playing.length === 1) {
const session = playing[0]; const session = playing[0];
return ( return (
<div className="flex flex-col pb-1"> <div className="flex flex-col pb-1 mx-1">
<SingleSessionEntry session={session} /> <SingleSessionEntry session={session} />
</div> </div>
); );
} }
return ( return (
<div className="flex flex-col pb-1"> <div className="flex flex-col pb-1 mx-1">
{playing.map((session) => ( {playing.map((session) => (
<SessionEntry key={session.Id} session={session} /> <SessionEntry key={session.Id} session={session} />
))} ))}