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
+
+ ]
>
)}