mirror of
https://github.com/PrefectHQ/fastmcp.git
synced 2026-08-21 21:14:17 +02:00
Delete warning_box_test.html (#2136)
This commit is contained in:
Jeremiah Lowin
GitHub
parent
9e78d755c2
commit
1cb30a4e42
1 changed files with 0 additions and 697 deletions
|
|
@ -1,697 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Warning Box Design Options</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: #f9fafb;
|
||||
padding: 2rem;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 2rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.options {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.option {
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.option h2 {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
color: #6b7280;
|
||||
margin-bottom: 1.5rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
/* Option 1: Original yellow box (improved) */
|
||||
.option1 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option1 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #ca8a04;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option1 .warning-box a {
|
||||
color: #ca8a04;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 2: Yellow with darker text */
|
||||
.option2 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option2 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #111827;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option2 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 3: Left border accent */
|
||||
.option3 .warning-box {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-left: 4px solid #fbbf24;
|
||||
padding: 1rem;
|
||||
padding-left: 1.25rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option3 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #111827;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option3 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 4: Very subtle background */
|
||||
.option4 .warning-box {
|
||||
background: #fef9e7;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option4 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #111827;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option4 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 5: Top accent bar */
|
||||
.option5 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-top: 3px solid #fbbf24;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option5 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #111827;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option5 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 6: All yellow but darker text */
|
||||
.option6 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option6 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #92400e;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option6 .warning-box a {
|
||||
color: #92400e;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 7: Minimal - just link styling */
|
||||
.option7 .warning-box {
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 1rem 0;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option7 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #111827;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option7 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 8: Icon + yellow */
|
||||
.option8 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option8 .warning-box::before {
|
||||
content: "⚠️ ";
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.option8 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #111827;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option8 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 9: Yellow, dark gray text */
|
||||
.option9 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option9 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #5a6c7d;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option9 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 10: Yellow, charcoal text */
|
||||
.option10 .warning-box {
|
||||
background: #fffbeb;
|
||||
border: 1px solid #fde047;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option10 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #0f172a;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option10 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 11: Blue background, dark text */
|
||||
.option11 .warning-box {
|
||||
background: #eff6ff;
|
||||
border: 1px solid #bfdbfe;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option11 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #1f2937;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option11 .warning-box a {
|
||||
color: #2563eb;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 12: Richer blue, dark text */
|
||||
.option12 .warning-box {
|
||||
background: #dbeafe;
|
||||
border: 1px solid #60a5fa;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option12 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #1f2937;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option12 .warning-box a {
|
||||
color: #2563eb;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 13: Light amber, neutral dark text */
|
||||
.option13 .warning-box {
|
||||
background: #fef3c7;
|
||||
border: 1px solid #fcd34d;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option13 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #1f2937;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option13 .warning-box a {
|
||||
color: #ca8a04;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 14: Pale orange, dark text */
|
||||
.option14 .warning-box {
|
||||
background: #ffedd5;
|
||||
border: 1px solid #fed7aa;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option14 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #1f2937;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option14 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 15: Light green, dark text */
|
||||
.option15 .warning-box {
|
||||
background: #f0fdf4;
|
||||
border: 1px solid #86efac;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option15 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #0f172a;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option15 .warning-box a {
|
||||
color: #16a34a;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 16: Light orange, dark text */
|
||||
.option16 .warning-box {
|
||||
background: #fff7ed;
|
||||
border: 1px solid #fed7aa;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option16 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #0f172a;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option16 .warning-box a {
|
||||
color: #d97706;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 17: Light gray, dark text */
|
||||
.option17 .warning-box {
|
||||
background: #f3f4f6;
|
||||
border: 1px solid #d1d5db;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option17 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #0f172a;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option17 .warning-box a {
|
||||
color: #6b7280;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 18: Brighter blue, dark text */
|
||||
.option18 .warning-box {
|
||||
background: #e0f2fe;
|
||||
border: 1px solid #7dd3fc;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option18 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #0f172a;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option18 .warning-box a {
|
||||
color: #0369a1;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 19: Light green with green strong, softer gray text */
|
||||
.option19 .warning-box {
|
||||
background: #f0fdf4;
|
||||
border: 1px solid #86efac;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option19 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #4b5563;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option19 .warning-box strong {
|
||||
color: #16a34a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.option19 .warning-box a {
|
||||
color: #16a34a;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Option 20: Tailwind sky palette */
|
||||
.option20 .warning-box {
|
||||
background: #f0f9ff;
|
||||
border: 1px solid #7dd3fc;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.option20 .warning-box p {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.5;
|
||||
color: #475569;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.option20 .warning-box strong {
|
||||
color: #0ea5e9;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.option20 .warning-box a {
|
||||
color: #0ea5e9;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Warning Box Design Options</h1>
|
||||
|
||||
<div class="options">
|
||||
<div class="option option1">
|
||||
<h2>Option 1: Original Yellow with Gold Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option2">
|
||||
<h2>Option 2: Yellow Box, Dark Text, Orange Link</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option3">
|
||||
<h2>Option 3: Left Border Only</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option4">
|
||||
<h2>Option 4: Very Subtle Background</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option5">
|
||||
<h2>Option 5: Top Accent Bar</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option6">
|
||||
<h2>Option 6: Yellow with Dark Brown Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option7">
|
||||
<h2>Option 7: Minimal (No Box)</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option8">
|
||||
<h2>Option 8: Yellow Box with Icon</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option9">
|
||||
<h2>Option 9: Yellow, Dark Gray Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option10">
|
||||
<h2>Option 10: Yellow, Charcoal Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option11">
|
||||
<h2>Option 11: Light Blue, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option12">
|
||||
<h2>Option 12: Richer Blue, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option13">
|
||||
<h2>Option 13: Light Amber, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option14">
|
||||
<h2>Option 14: Pale Orange, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option15">
|
||||
<h2>Option 15: Light Green, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option16">
|
||||
<h2>Option 16: Light Orange, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option17">
|
||||
<h2>Option 17: Light Gray, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option18">
|
||||
<h2>Option 18: Brighter Blue, Dark Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option19">
|
||||
<h2>Option 19: Green Box, Green Strong, Softer Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="option option20">
|
||||
<h2>Option 20: Blue Box, Blue Strong, Softer Text</h2>
|
||||
<div class="warning-box">
|
||||
<p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
|
||||
<p>Review the details below before approving.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue