Skip to content
This repository was archived by the owner on Jul 8, 2025. It is now read-only.

Commit 8571435

Browse files
peppescgpeppescg
authored
fix: dashboard table cell width (#4)
* fix chat breadcrumb * add breadcrumb to certificate and help pages * fix table cell width * fix conflicts
1 parent 37a10df commit 8571435

File tree

5 files changed

+385
-230
lines changed

5 files changed

+385
-230
lines changed

‎src/components/CertificateSecurity.tsx

Lines changed: 142 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
import { Link } from "react-router-dom";
2+
import {
3+
Breadcrumb,
4+
BreadcrumbList,
5+
BreadcrumbItem,
6+
BreadcrumbSeparator,
7+
BreadcrumbPage,
8+
} from "./ui/breadcrumb";
19
import { Card } from "./ui/card";
210

311
const SecurityShieldIcon = () => (
@@ -59,76 +67,148 @@ const OpenSourceIcon = () => (
5967

6068
export function CertificateSecurity() {
6169
return (
62-
<div className="max-w-4xl mx-auto h-[calc(100vh-4rem)] overflow-y-auto px-4 pr-6 pb-12">
63-
<h1 className="text-3xl font-bold mb-8">Certificate Security</h1>
70+
<>
71+
<div className="flex mb-3">
72+
<Breadcrumb>
73+
<BreadcrumbList>
74+
<BreadcrumbItem>
75+
<Link to="/">Dashboard</Link>
76+
</BreadcrumbItem>
77+
<BreadcrumbSeparator />
78+
<BreadcrumbItem>
79+
<BreadcrumbPage className="w-96 truncate">
80+
Certificate Security
81+
</BreadcrumbPage>
82+
</BreadcrumbItem>
83+
</BreadcrumbList>
84+
</Breadcrumb>
85+
</div>
86+
<div className="max-w-4xl mx-auto h-[calc(100vh-4rem)] overflow-y-auto px-4 pr-6 pb-12">
87+
<h1 className="text-3xl font-bold mb-8">Certificate Security</h1>
6488

65-
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
66-
<div className="flex justify-center mb-4">
67-
<SecurityShieldIcon />
68-
</div>
69-
<h2 className="text-xl font-semibold mb-4">Robust Certificate Security</h2>
70-
<p className="text-gray-700 mb-4">
71-
Security is a top priority for us. We have designed CodeGates local certificate management with security in mind, balanced against ease of use.
72-
</p>
73-
<p className="text-gray-700">We will always seek to improve and balance security, privacy and usability as best as we can</p>
74-
</Card>
75-
76-
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
77-
<div className="flex justify-center mb-4">
78-
<KeySecurityIcon />
79-
</div>
80-
<h2 className="text-xl font-semibold mb-4">Key Security Features</h2>
81-
<div className="space-y-6">
82-
<div>
83-
<h3 className="font-semibold text-lg mb-2">Per-Domain Certificate Generation</h3>
84-
<p className="text-gray-700 mb-2">
85-
Instead of using wildcard certificates, CodeGate generates unique certificates for each domain. This approach minimizes security risks by limiting the impact of any single certificate compromise.
86-
</p>
89+
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
90+
<div className="flex justify-center mb-4">
91+
<SecurityShieldIcon />
8792
</div>
93+
<h2 className="text-xl font-semibold mb-4">
94+
Robust Certificate Security
95+
</h2>
96+
<p className="text-gray-700 mb-4">
97+
Security is a top priority for us. We have designed CodeGates local
98+
certificate management with security in mind, balanced against ease
99+
of use.
100+
</p>
101+
<p className="text-gray-700">
102+
We will always seek to improve and balance security, privacy and
103+
usability as best as we can
104+
</p>
105+
</Card>
88106

89-
<div>
90-
<h3 className="font-semibold text-lg mb-2">High-Strength Encryption with 4096-bit RSA Keys</h3>
91-
<p className="text-gray-700 mb-2">
92-
CodeGate utilizes 4096-bit RSA keys for Certificate Authority operations, providing enhanced security compared to the standard 2048-bit keys. The increased key length significantly reduces the risk of brute-force attacks, ensuring long-term protection for your data. We use 2048 for the server certs to balance in performance.
93-
</p>
107+
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
108+
<div className="flex justify-center mb-4">
109+
<KeySecurityIcon />
94110
</div>
111+
<h2 className="text-xl font-semibold mb-4">Key Security Features</h2>
112+
<div className="space-y-6">
113+
<div>
114+
<h3 className="font-semibold text-lg mb-2">
115+
Per-Domain Certificate Generation
116+
</h3>
117+
<p className="text-gray-700 mb-2">
118+
Instead of using wildcard certificates, CodeGate generates
119+
unique certificates for each domain. This approach minimizes
120+
security risks by limiting the impact of any single certificate
121+
compromise.
122+
</p>
123+
</div>
95124

96-
<div>
97-
<h3 className="font-semibold text-lg mb-2">Secure SSL/TLS Configuration</h3>
98-
<p className="text-gray-700 mb-2">
99-
Our SSL context is configured to enforce the latest security standards, including strong cipher suites and disabling outdated protocols. This ensures secure and efficient encrypted communications.
100-
</p>
125+
<div>
126+
<h3 className="font-semibold text-lg mb-2">
127+
High-Strength Encryption with 4096-bit RSA Keys
128+
</h3>
129+
<p className="text-gray-700 mb-2">
130+
CodeGate utilizes 4096-bit RSA keys for Certificate Authority
131+
operations, providing enhanced security compared to the standard
132+
2048-bit keys. The increased key length significantly reduces
133+
the risk of brute-force attacks, ensuring long-term protection
134+
for your data. We use 2048 for the server certs to balance in
135+
performance.
136+
</p>
137+
</div>
138+
139+
<div>
140+
<h3 className="font-semibold text-lg mb-2">
141+
Secure SSL/TLS Configuration
142+
</h3>
143+
<p className="text-gray-700 mb-2">
144+
Our SSL context is configured to enforce the latest security
145+
standards, including strong cipher suites and disabling outdated
146+
protocols. This ensures secure and efficient encrypted
147+
communications.
148+
</p>
149+
</div>
150+
151+
<div>
152+
<h3 className="font-semibold text-lg mb-2">
153+
Certificate Caching and Management
154+
</h3>
155+
<p className="text-gray-700 mb-2">
156+
Certificates are cached efficiently to optimize performance
157+
without compromising security. Additionally, mechanisms are in
158+
place to manage certificate lifecycles and prevent resource
159+
exhaustion.
160+
</p>
161+
</div>
101162
</div>
163+
</Card>
102164

103-
<div>
104-
<h3 className="font-semibold text-lg mb-2">Certificate Caching and Management</h3>
105-
<p className="text-gray-700 mb-2">
106-
Certificates are cached efficiently to optimize performance without compromising security. Additionally, mechanisms are in place to manage certificate lifecycles and prevent resource exhaustion.
165+
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
166+
<div className="flex justify-center mb-4">
167+
<OpenSourceIcon />
168+
</div>
169+
<h2 className="text-xl font-semibold mb-4">
170+
Open Source and Community Engagement
171+
</h2>
172+
<div className="space-y-4">
173+
<p className="text-gray-700">
174+
Security has been a fundamental consideration throughout the
175+
development of CodeGate. Our comprehensive approach ensures that
176+
your development environment remains secure without sacrificing
177+
functionality or performance.
178+
</p>
179+
<p className="text-gray-700">
180+
We believe in transparency and continuous improvement. By making
181+
our code open source, we invite the global security community to
182+
review, audit, and contribute to enhancing our security measures.
183+
</p>
184+
<p className="text-gray-700">
185+
If you discover a security vulnerability or have suggestions for
186+
improvement, please reach out to us at{" "}
187+
<a
188+
href="mailto:security@stacklok.com"
189+
className="text-blue-600 hover:text-blue-700 underline"
190+
>
191+
security@stacklok.com
192+
</a>
193+
. Your contributions help us maintain the highest security
194+
standards.
195+
</p>
196+
<p className="text-gray-700">
197+
Explore our codebase on{" "}
198+
<a
199+
href="https://github.com/stacklok/codegate"
200+
target="_blank"
201+
rel="noopener noreferrer"
202+
className="text-blue-600 hover:text-blue-700 underline"
203+
>
204+
GitHub
205+
</a>{" "}
206+
and join our community in making CodeGate secure and reliable for
207+
everyone.
107208
</p>
108209
</div>
109-
</div>
110-
</Card>
111-
112-
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
113-
<div className="flex justify-center mb-4">
114-
<OpenSourceIcon />
115-
</div>
116-
<h2 className="text-xl font-semibold mb-4">Open Source and Community Engagement</h2>
117-
<div className="space-y-4">
118-
<p className="text-gray-700">
119-
Security has been a fundamental consideration throughout the development of CodeGate. Our comprehensive approach ensures that your development environment remains secure without sacrificing functionality or performance.
120-
</p>
121-
<p className="text-gray-700">
122-
We believe in transparency and continuous improvement. By making our code open source, we invite the global security community to review, audit, and contribute to enhancing our security measures.
123-
</p>
124-
<p className="text-gray-700">
125-
If you discover a security vulnerability or have suggestions for improvement, please reach out to us at <a href="mailto:security@stacklok.com" className="text-blue-600 hover:text-blue-700 underline">security@stacklok.com</a>. Your contributions help us maintain the highest security standards.
126-
</p>
127-
<p className="text-gray-700">
128-
Explore our codebase on <a href="https://github.com/stacklok/codegate" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:text-blue-700 underline">GitHub</a> and join our community in making CodeGate secure and reliable for everyone.
129-
</p>
130-
</div>
131-
</Card>
132-
</div>
210+
</Card>
211+
</div>
212+
</>
133213
);
134214
}

0 commit comments

Comments
 (0)