Adopt shared WebUI layout primitives
This commit is contained in:
@@ -6,7 +6,7 @@ import {
|
|||||||
useState,
|
useState,
|
||||||
type FormEvent
|
type FormEvent
|
||||||
} from "react";
|
} from "react";
|
||||||
import {
|
import { ActionToolbar,
|
||||||
ActionBlockerHint,
|
ActionBlockerHint,
|
||||||
DismissibleAlert,
|
DismissibleAlert,
|
||||||
Button,
|
Button,
|
||||||
@@ -127,7 +127,7 @@ export default function PortalPage({ settings }: PlatformRouteContext) {
|
|||||||
return (
|
return (
|
||||||
<main className="portal-page">
|
<main className="portal-page">
|
||||||
<div className="portal-shell">
|
<div className="portal-shell">
|
||||||
<div className="portal-toolbar">
|
<ActionToolbar className="portal-toolbar">
|
||||||
<form className="portal-search" onSubmit={submit}>
|
<form className="portal-search" onSubmit={submit}>
|
||||||
<Search size={17} aria-hidden="true" />
|
<Search size={17} aria-hidden="true" />
|
||||||
<input
|
<input
|
||||||
@@ -147,7 +147,7 @@ export default function PortalPage({ settings }: PlatformRouteContext) {
|
|||||||
checked={includeUnavailable}
|
checked={includeUnavailable}
|
||||||
onChange={setIncludeUnavailable}
|
onChange={setIncludeUnavailable}
|
||||||
/>
|
/>
|
||||||
</div>
|
</ActionToolbar>
|
||||||
|
|
||||||
<div className="portal-result-summary" aria-live="polite">
|
<div className="portal-result-summary" aria-live="polite">
|
||||||
<strong>{counts.available}</strong> available
|
<strong>{counts.available}</strong> available
|
||||||
|
|||||||
Reference in New Issue
Block a user