-
{props.title}
+
+
{props.title}
{props.children}
);
diff --git a/static/img/enterprise-icon.svg b/static/img/enterprise-icon.svg
new file mode 100644
index 000000000..7ca4c67fa
--- /dev/null
+++ b/static/img/enterprise-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
From 54d03cbefab6024dee2b3b56c3a0c189527c7af5 Mon Sep 17 00:00:00 2001
From: zachary painter <60552605+ZPain8464@users.noreply.github.com>
Date: Wed, 24 Jan 2024 16:38:03 -0500
Subject: [PATCH 03/10] adds styling to component
---
content/docs/index.mdx | 12 ------------
src/theme/Admonition/Types.js | 14 +++++++++++---
src/theme/Admonition/types.css | 27 +++++++++++++++++++++++++++
3 files changed, 38 insertions(+), 15 deletions(-)
create mode 100644 src/theme/Admonition/types.css
diff --git a/content/docs/index.mdx b/content/docs/index.mdx
index 3ba6ccecd..5e05cd3b1 100644
--- a/content/docs/index.mdx
+++ b/content/docs/index.mdx
@@ -36,15 +36,3 @@ It’s not a VPN alternative – it’s the trusted, foolproof way to protect yo
## Capabilities
For a full list of features, see the capabilities sidebar.
-
-:::enterprise Test title
-
-Test text
-
-:::
-
-:::note
-
-a note
-
-:::
diff --git a/src/theme/Admonition/Types.js b/src/theme/Admonition/Types.js
index b3728e833..27c762896 100644
--- a/src/theme/Admonition/Types.js
+++ b/src/theme/Admonition/Types.js
@@ -1,11 +1,19 @@
import React from 'react';
import DefaultAdmonitionTypes from '@theme-original/Admonition/Types';
+import ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';
+
+import './types.css';
function EnterpriseAdmonition(props) {
return (
-
-
{props.title}
-
{props.children}
+
);
}
diff --git a/src/theme/Admonition/types.css b/src/theme/Admonition/types.css
new file mode 100644
index 000000000..3d5b70c1d
--- /dev/null
+++ b/src/theme/Admonition/types.css
@@ -0,0 +1,27 @@
+.custom_admonition {
+ border: #ededed 1px solid;
+ border-left: #6F43E7 solid 4px;
+ border-radius: 10px;
+ margin: 0 0 16px 0;
+ padding: 16px;
+ background-color: #f6f3ff;
+}
+
+.custom_admonition_header {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.custom_admonition_header span {
+ margin-right: 5px;
+}
+
+.custom_admonition_header h5 {
+ color: #6F43E7;
+ font-size: 16px;
+}
+
+.custom_admonition_text p {
+ margin: 0 0 0 0;
+ font-size: 16px;
+}
From 54d9fa9e888a9c60f2cf51bbce88c4876ef2a1c0 Mon Sep 17 00:00:00 2001
From: zachary painter <60552605+ZPain8464@users.noreply.github.com>
Date: Wed, 24 Jan 2024 16:55:31 -0500
Subject: [PATCH 04/10] swaps material ui icon
---
src/theme/Admonition/Types.js | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/theme/Admonition/Types.js b/src/theme/Admonition/Types.js
index 27c762896..813793649 100644
--- a/src/theme/Admonition/Types.js
+++ b/src/theme/Admonition/Types.js
@@ -1,6 +1,6 @@
import React from 'react';
import DefaultAdmonitionTypes from '@theme-original/Admonition/Types';
-import ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';
+import PaidIcon from '@mui/icons-material/Paid';
import './types.css';
@@ -8,7 +8,7 @@ function EnterpriseAdmonition(props) {
return (