HyperSpaceOut/jackboxpartypack-gamepicker
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: remove footer top margin, match presence bar bottom padding to 1rem, stack sections vertically

Browse Source 
Made-with: Cursor
This commit is contained in:
cottongin
2026-04-05 05:15:08 -04:00
parent ea23b66cbf
commit 91b7de3bb7
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.jsx
View File

@@ -173,7 +173,7 @@ function App() {
<PresenceBar /> <PresenceBar />
{/* Footer */} {/* Footer */}
<footer className="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-12 flex-shrink-0"> <footer className="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 flex-shrink-0">
<div className="container mx-auto px-4 py-6"> <div className="container mx-auto px-4 py-6">
<div className="flex flex-col md:flex-row justify-between items-center gap-2 text-sm text-gray-600 dark:text-gray-400"> <div className="flex flex-col md:flex-row justify-between items-center gap-2 text-sm text-gray-600 dark:text-gray-400">
<div className="text-center md:text-left"> <div className="text-center md:text-left">

7
frontend/src/components/PresenceBar.jsx
View File

@@ -46,9 +46,9 @@ function PresenceBar() {
if (!hasViewers && !hasServices) return null; if (!hasViewers && !hasServices) return null;
return ( return (
<div className="sticky bottom-0 z-40 flex justify-end px-4 pb-2 pointer-events-none"> <div className="sticky bottom-0 z-40 flex justify-end px-4 pb-4 pointer-events-none">
<div className="pointer-events-auto bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 px-4 py-2 w-fit"> <div className="pointer-events-auto bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 px-4 py-2 w-fit">
<div className="flex items-center gap-4 flex-wrap"> <div className="flex flex-col gap-1.5">
{hasViewers && ( {hasViewers && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider font-medium flex-shrink-0"> <span className="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider font-medium flex-shrink-0">
@@ -70,9 +70,6 @@ function PresenceBar() {
</div> </div>
</div> </div>
)} )}
{hasViewers && hasServices && (
<div className="w-px h-4 bg-gray-300 dark:bg-gray-600" />
)}
{hasServices && ( {hasServices && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider font-medium flex-shrink-0"> <span className="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider font-medium flex-shrink-0">