Merge branch 'main' of github.com:lifeparticle/binarytree

lifeparticle · Sep 16, 2023 · cf1ec4d · cf1ec4d
2 parents 4bea270 + f5a32a2
commit cf1ec4d
Show file tree

Hide file tree

Showing 5 changed files with 53 additions and 27 deletions.
diff --git a/api/news.json b/api/news.json
diff --git a/ui/src/components/General/Notification/Notification.module.scss b/ui/src/components/General/Notification/Notification.module.scss
@@ -16,6 +16,8 @@
 		background-color: transparent;
 		cursor: pointer;
 		position: relative;
+		align-items: center;
+		display: flex;
 
 		&__status {
 			width: var(--bt-size-7);

diff --git a/...pages/About/components/Footer.module.scss → ...bout/components/Footer/Footer.module.scss b/...pages/About/components/Footer.module.scss → ...bout/components/Footer/Footer.module.scss
@@ -10,10 +10,23 @@
 	&__left {
 		display: flex;
 		align-items: center;
+		&_legal {
+			ul {
+				list-style-type: none;
+				display: flex;
+				gap: var(--bt-size-10);
+			}
+		}
+	}
+
+	@media (max-width: 767px) {
+		gap: var(--bt-size-10);
+		flex-direction: column;
+		align-items: center;
 
-		ul {
-			list-style-type: none;
+		&__left {
 			display: flex;
+			flex-direction: column;
 			gap: var(--bt-size-10);
 		}
 	}

diff --git a/ui/src/pages/About/components/Footer.tsx → ...c/pages/About/components/Footer/index.tsx b/ui/src/pages/About/components/Footer.tsx → ...c/pages/About/components/Footer/index.tsx
@@ -15,31 +15,36 @@ const Footer: React.FC = () => {
 			style={{ backgroundColor: colorBgContainer }}
 		>
 			<div className={style.footer__left}>
-				<Typography.Text>
-					&copy; {new Date().getFullYear()}
-				</Typography.Text>
-				<ul>
-					<li>
-						<a
-							href="https://github.com/lifeparticle/binarytree/blob/main/CODE_OF_CONDUCT.md"
-							target="_blank"
-						>
-							Code of Conduct
-						</a>
-					</li>
+				<div className={style.footer__left_year}>
+					<Typography.Text>
+						&copy; {new Date().getFullYear()}
+					</Typography.Text>
+				</div>
 
-					<li>
-						<a href="#">Privacy</a>
-					</li>
-					<li>
-						<a href="#">Terms</a>
-					</li>
-					<li>
-						<a href="https://github.com/lifeparticle/binarytree#status">
-							Status
-						</a>
-					</li>
-				</ul>
+				<div className={style.footer__left_legal}>
+					<ul>
+						<li>
+							<a
+								href="https://github.com/lifeparticle/binarytree/blob/main/CODE_OF_CONDUCT.md"
+								target="_blank"
+							>
+								Code of Conduct
+							</a>
+						</li>
+
+						<li>
+							<a href="#">Privacy</a>
+						</li>
+						<li>
+							<a href="#">Terms</a>
+						</li>
+						<li>
+							<a href="https://github.com/lifeparticle/binarytree#status">
+								Status
+							</a>
+						</li>
+					</ul>
+				</div>
 			</div>
 
 			<ResponsiveButton

diff --git a/ui/src/pages/About/utils/constants.tsx b/ui/src/pages/About/utils/constants.tsx
@@ -76,6 +76,7 @@ const API_COLUMNS: ColumnsType<Api> = [
 		title: "Page Name",
 		dataIndex: "name",
 		key: "name",
+		align: "center",
 	},
 	{
 		title: "Url",
@@ -88,6 +89,7 @@ const API_COLUMNS: ColumnsType<Api> = [
 				</a>
 			</Space>
 		),
+		align: "center",
 	},
 ];
 
@@ -109,6 +111,7 @@ const OTHER_COLUMNS: ColumnsType<Other> = [
 				{text}
 			</Link>
 		),
+		align: "center",
 	},
 ];
 
@@ -131,12 +134,14 @@ const FEATURE_COLUMNS: ColumnsType<Feature> = [
 			</Link>
 		),
 		width: 80,
+		align: "center",
 	},
 	{
 		title: "Description",
 		dataIndex: "description",
 		key: "description",
 		width: 90,
+		align: "center",
 	},
 	{
 		title: "Library",
@@ -165,6 +170,7 @@ const FEATURE_COLUMNS: ColumnsType<Feature> = [
 			</>
 		),
 		width: 150,
+		align: "center",
 	},
 ];