[mod] css

This commit is contained in:
Andy Bunce 2025-10-31 23:06:43 +00:00
parent 559828340e
commit 4bfb36e4e0
5 changed files with 48 additions and 38 deletions

View file

@ -1,5 +1,5 @@
<!doctype html>
<html lang="en" class="quiet-cloak "> <!-- also quiet-dark -->
<html lang="en" class="quiet-cloak quiet-blue"> <!-- also quiet-dark -->
<head>
<meta charset="utf-8">
@ -11,9 +11,9 @@
<!-- Default theme (if not already installed) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@quietui/quiet-browser@1.6.1/dist/themes/quiet.css">
<!-- Quiet Restyle
<!-- Quiet Restyle -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@quietui/quiet-browser@1.6.1/dist/themes/restyle.css">
-->
<script type="module" src="https://cdn.jsdelivr.net/npm/@quietui/quiet-browser@1.6.1/dist/quiet.loader.js"></script>
@ -26,8 +26,8 @@
<div class="page-wrap">
<header class="page-header">
<div>XQuery 4.0 LSP client </div>
<quiet-toggle-icon id="tConnect" label="Connection status" size="md"
<div> XQuery 4.0 LSP client </div>
<quiet-toggle-icon id="tConnect" label="Connection status" size="lg"
style="--checked-color: green;--unchecked-color: red;">
<quiet-icon slot="unchecked" name="network-off" family="outline"></quiet-icon>
<quiet-icon slot="checked" name="network" family="outline"></quiet-icon>
@ -38,10 +38,10 @@
Editor
</quiet-button>
<quiet-button href="/app/home" target="lsp" rel="noreferrer noopener" size="sm">
LSP Manager
LSP Manager <quiet-icon name="external-link"></quiet-icon>
</quiet-button>
<quiet-button href="/dba/logs" target="dba" rel="noreferrer noopener" size="sm">
Dba
Dba <quiet-icon name="external-link"></quiet-icon>
</quiet-button>
</quiet-toolbar>
<quiet-select id="load" style="width:20em;">
@ -75,7 +75,7 @@
</header>
<main class="page-main" style="overflow: auto;">
<main id="main" class="page-main" style="overflow: auto;">
<quiet-toolbar>
<quiet-button-group>
@ -133,7 +133,7 @@
<aside class="page-sidebar">
<details id="workspacePanel" open="open">
<summary class='bg-info'>Workspace <i class='codicon codicon-kebab-vertical' style="float:right"></i>
<summary class='bg-info'>WORKSPACE <i class='codicon codicon-kebab-vertical' style="float:right"></i>
</summary>
@ -143,9 +143,9 @@
</details>
<details id="symPanel">
<summary>OutLine
<quiet-dropdown id="dropdown__checkboxes" style="display:inline-block;float:right;">
<quiet-icon name="dots-vertical" slot="trigger"></quiet-icon>
<summary>OUTLINE
<quiet-dropdown id="symOptions" style="display:inline-block;float:right;">
<quiet-icon id="symTrigger" name="dots-vertical" slot="trigger"></quiet-icon>
<quiet-dropdown-item type="checkbox" value="canvas" checked>Follow cursor</quiet-dropdown-item>
<quiet-divider></quiet-divider>
@ -159,7 +159,7 @@
</details>
<details id="msgPanel">
<summary>Messages
<summary>MESSAGES
<i id="msgIcon" class='codicon codicon-kebab-vertical' style="float:right"></i>
</summary>
<qd-list id="msgList" style="flex-grow:1;"></qd-list>