Add dark mode UI and update components
This commit is contained in:
parent
f2817bc1f1
commit
c263092c10
9 changed files with 488 additions and 87 deletions
|
|
@ -5,12 +5,16 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CVS Proxy - Repository Browser</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<!-- Highlight.js for syntax highlighting -->
|
||||
<link id="highlightTheme" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1>CVS Repository Browser</h1>
|
||||
<div class="header-info">
|
||||
<button id="themeToggleBtn" class="btn-icon" title="Toggle dark mode">🌙</button>
|
||||
<span id="status" class="status">Connecting...</span>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -21,7 +25,6 @@
|
|||
<aside class="sidebar">
|
||||
<div class="sidebar-header">
|
||||
<h2>Repository</h2>
|
||||
<button id="refreshBtn" class="btn-icon" title="Refresh">🔄</button>
|
||||
</div>
|
||||
<div id="treeContainer" class="tree-container">
|
||||
<div class="loading">Loading repository...</div>
|
||||
|
|
@ -105,6 +108,7 @@
|
|||
</main>
|
||||
</div>
|
||||
|
||||
<script src="config.js"></script>
|
||||
<script src="api.js"></script>
|
||||
<script src="ui.js"></script>
|
||||
<script src="app.js"></script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue