Elgato_dark/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm synced 2026-05-06 06:58:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Improve preview and web widget padding (#1796)

Browse source 
Removes the padding for most of the specialized previews, moves where
it's defined for the directory preview so that the header borders extend
to the edge of the block
This commit is contained in:
Evan Simkowitz 2025-01-22 17:08:25 -08:00 committed by GitHub
parent ec07b172e5
commit 62eec93b17
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/app/view/preview/preview.scss
View file

@ -5,11 +5,9 @@
display: flex;
flex-direction: row;
height: 100%;
flex-grow: 1;
overflow: hidden;
align-items: center;
justify-content: center;
padding: 0 5px;
&.view-preview-markdown {
align-items: start;
@ -43,6 +41,10 @@
flex-direction: column;
align-items: start;
}
&.view-preview-pdf,
&.view-preview-directory {
padding: 5px;
}
}
.full-preview {

5
frontend/app/view/preview/preview.tsx
View file

@ -117,6 +117,7 @@ export class PreviewModel implements ViewModel {
viewType: string;
blockId: string;
nodeModel: BlockNodeModel;
noPadding?: Atom<boolean>;
blockAtom: Atom<Block>;
viewIcon: Atom<string | IconButtonDecl>;
viewName: Atom<string>;
@ -433,6 +434,8 @@ export class PreviewModel implements ViewModel {
const connAtom = getConnStatusAtom(connName);
return get(connAtom);
});
this.noPadding = atom(true);
}
markdownShowTocToggle() {
@ -825,7 +828,7 @@ function StreamingPreview({ model }: SpecializedViewProps) {
if (fileInfo.mimetype == "application/pdf") {
return (
<div className="view-preview view-preview-pdf">
<iframe src={streamingUrl} width="95%" height="95%" name="pdfview" />
<iframe src={streamingUrl} width="100%" height="100%" name="pdfview" />
</div>
);
}

2
frontend/app/view/webview/webview.tsx
View file

@ -33,6 +33,7 @@ function getWebviewPreloadUrl() {
export class WebViewModel implements ViewModel {
viewType: string;
blockId: string;
noPadding?: Atom<boolean>;
blockAtom: Atom<Block>;
viewIcon: Atom<string | IconButtonDecl>;
viewName: Atom<string>;
@ -58,6 +59,7 @@ export class WebViewModel implements ViewModel {
this.nodeModel = nodeModel;
this.viewType = "web";
this.blockId = blockId;
this.noPadding = atom(true);
this.blockAtom = WOS.getWaveObjectAtom<Block>(`block:${blockId}`);
this.url = atom();
const defaultUrlAtom = getSettingsKeyAtom("web:defaulturl");