diff --git a/src/components/board-buttons/board-buttons.module.css b/src/components/board-buttons/board-buttons.module.css index 36444c74..80c51269 100644 --- a/src/components/board-buttons/board-buttons.module.css +++ b/src/components/board-buttons/board-buttons.module.css @@ -1,6 +1,6 @@ .mobileBoardButtons { text-align: center; - margin: 10px 0; + margin-bottom: 10px; } .mobileBoardButtons button { @@ -51,14 +51,33 @@ padding-top: 15px; } +.createBoardButton { + text-align: center; + font-size: 10px; +} + +.createBoardButton a { + text-decoration: none; + color: var(--button-desktop-text-color); + +} +.createBoardButton a:hover { + cursor: pointer; + color: var(--button-desktop-text-color-hover); +} + @media (max-width: 640px) { .desktopBoardButtons { display: none; } + + .createBoardButton { + display: inline-flex; + } } @media (min-width: 640px) { .mobileBoardButtons { display: none; } -} +} \ No newline at end of file diff --git a/src/components/board-buttons/board-buttons.tsx b/src/components/board-buttons/board-buttons.tsx index f4c90837..94616173 100644 --- a/src/components/board-buttons/board-buttons.tsx +++ b/src/components/board-buttons/board-buttons.tsx @@ -172,6 +172,24 @@ export const TimeFilter = ({ isInAllView, isInCatalogView, isInSubscriptionsView ); }; +const CreateBoardButton = () => { + return ( +
+ [ + { + e.preventDefault(); + alert('work in progress'); + }} + > + Create a Board + + ] +
+ ); +}; + export const MobileBoardButtons = () => { const params = useParams(); const location = useLocation(); @@ -186,6 +204,8 @@ export const MobileBoardButtons = () => { return (
+ +
{isInPostView || isInPendingPostPage ? ( <> @@ -233,6 +253,8 @@ export const DesktopBoardButtons = () => { return ( <> +
+
{isInPostView || isInPendingPostPage ? ( diff --git a/src/components/board-header/board-header.module.css b/src/components/board-header/board-header.module.css index 1b76f807..466bede7 100644 --- a/src/components/board-header/board-header.module.css +++ b/src/components/board-header/board-header.module.css @@ -20,6 +20,7 @@ } .boardSubtitle { + margin-top: 3px; font-size: var(--board-address-font-size); color: var(--board-address-text-color); } diff --git a/src/components/topbar/topbar.tsx b/src/components/topbar/topbar.tsx index bc611e16..ef7d1b36 100644 --- a/src/components/topbar/topbar.tsx +++ b/src/components/topbar/topbar.tsx @@ -80,7 +80,17 @@ const TopBarDesktop = () => { {subplebbits && ( <> [{renderSubplebbits(plebbitSubs)}] [{renderSubplebbits(projectsSubs)}] [{renderSubplebbits(interestsSubs)}] [{renderSubplebbits(randomSubs)}] [ - {renderSubplebbits(internationalSubs)}] + {renderSubplebbits(internationalSubs)}] [ + { + e.preventDefault(); + alert('work in progress'); + }} + > + Edit + + ] )}