defunkt/nose-pluto
1
0
Fork 0
Code Issues Pull Requests Activity

controls component

Browse Source
This commit is contained in:
Chris Wanstrath 2025-10-03 06:37:48 -07:00
parent e8e94a4e3a
commit a87564b082
3 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/browser.css
View File

@ -7,7 +7,6 @@ iframe.browser {
background-color: white; background-color: white;
z-index: 10; z-index: 10;
border: none; border: none;
margin-top: var(--browser-bar-height);
} }
iframe.browser.fullscreen { iframe.browser.fullscreen {
@ -16,7 +15,7 @@ iframe.browser.fullscreen {
height: 100%; height: 100%;
} }
[data-mode="tall"] iframe.browser { [data-mode="tall"] iframe.browser.active {
height: 100%; height: 100%;
} }
@ -29,6 +28,7 @@ iframe:focus {
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin-top: var(--browser-bar-height);
} }
#browser-controls { #browser-controls {

15
src/html/browser/controls.tsx Normal file
View File

@ -0,0 +1,15 @@
import type { FC } from "hono/jsx"
export const BrowserControls: FC = async () => (
<>
<div id="browser-controls" style="display:none">
<a id="back-button" href="#"></a>
<a id="forward-button" href="#"></a>
<a id="stop-button" href="#"></a>
<a id="reload-button" href="#">@</a>
<a id="fullscreen-button" href="#"></a>
<a id="close-button" href="#">╳</a>
<span id="browser-address">your-app.nose-pluto.local</span>
</div>
</>
)

11
src/html/terminal.tsx
View File

@ -1,4 +1,5 @@
import type { FC } from "hono/jsx" import type { FC } from "hono/jsx"
import { BrowserControls } from "./browser/controls"
export const Terminal: FC = async () => ( export const Terminal: FC = async () => (
<> <>
@ -6,15 +7,7 @@ export const Terminal: FC = async () => (
<link rel="stylesheet" href="/css/editor.css" /> <link rel="stylesheet" href="/css/editor.css" />
<link rel="stylesheet" href="/css/browser.css" /> <link rel="stylesheet" href="/css/browser.css" />
<div id="browser-controls" style="display:none"> <BrowserControls />
<a id="back-button" href="#"></a>
<a id="forward-button" href="#"></a>
<a id="stop-button" href="#"></a>
<a id="reload-button" href="#">@</a>
<a id="fullscreen-button" href="#"></a>
<a id="close-button" href="#">╳</a>
<span id="browser-address">chris.nose-pluto.local</span>
</div>
<div id="command-line"> <div id="command-line">
<span id="command-prompt">&gt;</span> <span id="command-prompt">&gt;</span>