mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-02-24 03:01:58 +01:00
tweak share-tag, link to settings
This commit is contained in:
parent
86ab25d6cd
commit
f470b8e66f
16
src/main.tsx
16
src/main.tsx
@ -1091,6 +1091,14 @@ class ScreenWindowView extends React.Component<{screen : Screen}, {}> {
|
|||||||
}, 600)
|
}, 600)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@boundMethod
|
||||||
|
openScreenSettings() : void {
|
||||||
|
let {screen} = this.props;
|
||||||
|
mobx.action(() => {
|
||||||
|
GlobalModel.screenSettingsModal.set({sessionId: screen.sessionId, screenId: screen.screenId});
|
||||||
|
})();
|
||||||
|
}
|
||||||
|
|
||||||
@boundMethod
|
@boundMethod
|
||||||
buildLineComponent(lineProps : LineFactoryProps) : JSX.Element {
|
buildLineComponent(lineProps : LineFactoryProps) : JSX.Element {
|
||||||
let {screen} = this.props;
|
let {screen} = this.props;
|
||||||
@ -1141,7 +1149,7 @@ class ScreenWindowView extends React.Component<{screen : Screen}, {}> {
|
|||||||
<If condition={this.shareCopied.get()}>
|
<If condition={this.shareCopied.get()}>
|
||||||
<div className="copied-indicator"/>
|
<div className="copied-indicator"/>
|
||||||
</If>
|
</If>
|
||||||
<div><i title="archived" className="fa-sharp fa-solid fa-share-nodes"/> web shared</div>
|
<div className="share-tag-title"><i title="archived" className="fa-sharp fa-solid fa-share-nodes"/> web shared</div>
|
||||||
<div className="share-tag-link">
|
<div className="share-tag-link">
|
||||||
<div className="button is-prompt-green is-outlined is-small" onClick={this.copyShareLink}>
|
<div className="button is-prompt-green is-outlined is-small" onClick={this.copyShareLink}>
|
||||||
<span>copy link</span>
|
<span>copy link</span>
|
||||||
@ -1149,6 +1157,12 @@ class ScreenWindowView extends React.Component<{screen : Screen}, {}> {
|
|||||||
<i className="fa-sharp fa-solid fa-copy"/>
|
<i className="fa-sharp fa-solid fa-copy"/>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="button is-prompt-green is-outlined is-small" onClick={this.openScreenSettings}>
|
||||||
|
<span>open settings</span>
|
||||||
|
<span className="icon">
|
||||||
|
<i className="fa-sharp fa-solid fa-cog"/>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</If>
|
</If>
|
||||||
|
15
src/sh2.less
15
src/sh2.less
@ -142,7 +142,7 @@ body::-webkit-scrollbar {
|
|||||||
padding: 2px 8px 2px 4px;
|
padding: 2px 8px 2px 4px;
|
||||||
z-index: 11;
|
z-index: 11;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
border-radius: 0 0 5px 5px;
|
/* border-radius: 0 0 5px 5px; */
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -153,12 +153,21 @@ body::-webkit-scrollbar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
.share-tag-title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
opacity: 1.0;
|
opacity: 1.0;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 150px;
|
width: 250px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-top: 0;
|
||||||
|
|
||||||
.share-tag-link {
|
.share-tag-link {
|
||||||
display: block;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user