27192dd69f
Frontend redesign in progress: updated styles, layout, and components across all pages to align with new design system. Includes Jira API compliance specs, property tests, and load test script.
47 lines
1.7 KiB
HTML
47 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>STEAM Security · Reporting UI Kit</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="../../colors_and_type.css" />
|
|
<style>
|
|
body { margin: 0; min-height: 100vh; }
|
|
.page-bg { min-height: 100vh; background: var(--bg-page); }
|
|
|
|
/* Anchor scroll offset under the sticky tab strip */
|
|
:target { scroll-margin-top: 120px; }
|
|
|
|
/* Hide scrollbars on the in-page sample regions */
|
|
.sample-frame::-webkit-scrollbar { width: 6px; height: 6px; }
|
|
.sample-frame::-webkit-scrollbar-thumb { background: rgba(14,165,233,0.2); border-radius: 4px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root" class="page-bg"></div>
|
|
|
|
<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
|
|
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
|
|
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
|
|
|
|
<script type="text/babel" src="ReportPrimitives.jsx"></script>
|
|
<script type="text/babel" src="ReportingPage.jsx"></script>
|
|
<script type="text/babel" src="KitDocs.jsx"></script>
|
|
|
|
<script type="text/babel">
|
|
const { useState } = React;
|
|
const { KitDocs } = window.RPT_DOCS;
|
|
|
|
function App() {
|
|
return (
|
|
<main data-screen-label="Reporting Kit">
|
|
<KitDocs />
|
|
</main>
|
|
);
|
|
}
|
|
|
|
ReactDOM.createRoot(document.getElementById('root')).render(<App />);
|
|
</script>
|
|
</body>
|
|
</html>
|