Remove non-functional layout chrome
This commit is contained in:
@@ -6,14 +6,6 @@
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="top-row">
|
||||
<div>
|
||||
<span class="eyebrow">Session Tools</span>
|
||||
<span class="top-row-title">Attack lookup, critical lookup, and table browsing</span>
|
||||
</div>
|
||||
<span class="status-pill">Ready for play</span>
|
||||
</div>
|
||||
|
||||
<article class="content-shell">
|
||||
@Body
|
||||
</article>
|
||||
|
||||
@@ -16,45 +16,10 @@ main {
|
||||
border-right: 1px solid rgba(196, 167, 107, 0.2);
|
||||
}
|
||||
|
||||
.top-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
padding: 1.15rem 1.5rem;
|
||||
border-bottom: 1px solid rgba(111, 87, 59, 0.28);
|
||||
background: rgba(250, 245, 234, 0.84);
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
display: block;
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: #7c5b33;
|
||||
}
|
||||
|
||||
.status-pill {
|
||||
padding: 0.45rem 0.8rem;
|
||||
border-radius: 999px;
|
||||
border: 1px solid rgba(111, 87, 59, 0.2);
|
||||
background: rgba(255, 252, 246, 0.8);
|
||||
color: #5b4427;
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.content-shell {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 640.98px) {
|
||||
.top-row {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.page {
|
||||
flex-direction: row;
|
||||
@@ -66,12 +31,6 @@ main {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#blazor-error-ui {
|
||||
|
||||
@@ -1,13 +1,7 @@
|
||||
<div class="top-row ps-3 navbar navbar-dark">
|
||||
<div class="container-fluid brand-shell">
|
||||
<a class="navbar-brand" href="">RolemasterDB</a>
|
||||
<p class="brand-copy">Fast attack and critical lookup during play.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-menu-shell">
|
||||
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
|
||||
|
||||
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
|
||||
|
||||
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler')?.click()">
|
||||
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler')?.click()">
|
||||
<nav class="nav flex-column">
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
||||
@@ -27,4 +21,5 @@
|
||||
</NavLink>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,8 @@
|
||||
.nav-menu-shell {
|
||||
position: relative;
|
||||
min-height: 3.5rem;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
@@ -15,30 +20,6 @@
|
||||
background-color: rgba(226, 195, 128, 0.3);
|
||||
}
|
||||
|
||||
.top-row {
|
||||
min-height: 3.5rem;
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 1.45rem;
|
||||
font-family: "Source Sans 3", "Segoe UI", sans-serif;
|
||||
letter-spacing: 0.04em;
|
||||
color: #fff1d2;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.brand-shell {
|
||||
padding: 1.2rem 0.5rem 1rem 0.5rem;
|
||||
}
|
||||
|
||||
.brand-copy {
|
||||
margin: 0.55rem 0 0;
|
||||
color: rgba(255, 241, 210, 0.72);
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.bi {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
@@ -62,10 +43,6 @@
|
||||
padding-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.nav-item:first-of-type {
|
||||
padding-top: 1.25rem;
|
||||
}
|
||||
|
||||
.nav-item:last-of-type {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@@ -96,6 +73,7 @@
|
||||
|
||||
.nav-scrollable {
|
||||
display: none;
|
||||
padding: 3.5rem 0 0.5rem;
|
||||
}
|
||||
|
||||
.navbar-toggler:checked ~ .nav-scrollable {
|
||||
@@ -107,9 +85,14 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-menu-shell {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.nav-scrollable {
|
||||
display: block;
|
||||
height: calc(100vh - 3.5rem);
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,12 +2,6 @@
|
||||
|
||||
<PageTitle>API Surface</PageTitle>
|
||||
|
||||
<section class="hero-panel">
|
||||
<span class="eyebrow">Minimal API</span>
|
||||
<h1 class="page-title">Endpoints for attack, critical lookup, and manual critical-table curation.</h1>
|
||||
<p class="lede">The Blazor UI uses the same lookup service that the API exposes, so this page doubles as the first integration contract for both read and write workflows.</p>
|
||||
</section>
|
||||
|
||||
<div class="api-grid">
|
||||
<section class="panel">
|
||||
<h2 class="panel-title">Reference data</h2>
|
||||
|
||||
@@ -6,19 +6,12 @@
|
||||
|
||||
@if (referenceData is null)
|
||||
{
|
||||
<section class="hero-panel">
|
||||
<h1 class="page-title">Preparing the lookup desk...</h1>
|
||||
<p class="lede">Loading the tables and options for play.</p>
|
||||
<section class="panel">
|
||||
<p class="muted">Loading tables and options...</p>
|
||||
</section>
|
||||
}
|
||||
else
|
||||
{
|
||||
<section class="hero-panel">
|
||||
<span class="eyebrow">Session Lookup</span>
|
||||
<h1 class="page-title">Resolve attacks and criticals fast.</h1>
|
||||
<p class="lede">Choose the table, enter the roll, and read the outcome without digging through extra metadata.</p>
|
||||
</section>
|
||||
|
||||
<div class="dashboard-grid">
|
||||
<section class="panel">
|
||||
<h2 class="panel-title">Attack Lookup</h2>
|
||||
|
||||
@@ -8,12 +8,6 @@
|
||||
|
||||
<PageTitle>Critical Tables</PageTitle>
|
||||
|
||||
<section class="hero-panel">
|
||||
<span class="eyebrow">Critical Tables</span>
|
||||
<h1 class="page-title">Browse critical results by table</h1>
|
||||
<p class="lede">Switch tables to read the full roll matrix, compare outcomes, and use the affix legend as quick play help.</p>
|
||||
</section>
|
||||
|
||||
<section class="panel tables-page">
|
||||
<div class="table-selector">
|
||||
<label for="critical-table-select">Critical table</label>
|
||||
|
||||
@@ -38,18 +38,15 @@ summary,
|
||||
th,
|
||||
.eyebrow,
|
||||
.panel-title,
|
||||
.page-title,
|
||||
.detail-label,
|
||||
.branch-condition,
|
||||
.critical-branch-condition,
|
||||
.effect-stack h5,
|
||||
.tag,
|
||||
.stat-pill,
|
||||
.status-pill,
|
||||
.chip,
|
||||
.affix-badge,
|
||||
.table-list-title,
|
||||
.top-row-title,
|
||||
.legend-label {
|
||||
font-family: var(--font-heading);
|
||||
font-weight: 400;
|
||||
@@ -75,27 +72,12 @@ textarea {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 2.5rem;
|
||||
line-height: 0.95;
|
||||
margin: 0;
|
||||
font-family: var(--font-heading);
|
||||
}
|
||||
|
||||
.lede {
|
||||
margin: 0;
|
||||
color: var(--ink-soft);
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.dashboard-grid {
|
||||
display: grid;
|
||||
gap: 1.25rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||
}
|
||||
|
||||
.hero-panel,
|
||||
.panel {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 24px;
|
||||
@@ -103,14 +85,6 @@ textarea {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.hero-panel {
|
||||
padding: 1.6rem;
|
||||
margin-bottom: 1.25rem;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(255, 251, 243, 0.94), rgba(244, 232, 203, 0.94)),
|
||||
var(--panel);
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 1.35rem;
|
||||
}
|
||||
@@ -750,7 +724,6 @@ textarea {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.hero-panel,
|
||||
.panel {
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user