Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-02-23 02:51:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed info

Browse Source
This commit is contained in:
Amarsh Anand 2023-10-12 22:25:53 -07:00
parent 53446e93d3
commit 17a85734c8
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/assets/icons/circle_info.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336H192v48h24 80 24V336H296h-8V248 224H264 216 192v48h24 24v64H216zm72-144V128H224v64h64z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 437 B

9
src/app/common/common.less
View File

@ -20,9 +20,16 @@
z-index: 5; z-index: 5;
overflow: hidden; overflow: hidden;
.icon {
display: inline;
width: 1em;
height: 1em;
fill: @base-color;
padding-top: 0.2em;
}
.info-icon { .info-icon {
margin-right: 5px; margin-right: 5px;
width: 12px;
flex-shrink: 0; flex-shrink: 0;
} }

5
src/app/common/common.tsx
View File

@ -13,6 +13,7 @@ import { ReactComponent as CopyIcon } from "../assets/icons/history/copy.svg";
import { ReactComponent as CircleIcon } from "../assets/icons/circle.svg"; import { ReactComponent as CircleIcon } from "../assets/icons/circle.svg";
import { ReactComponent as KeyIcon } from "../assets/icons/key.svg"; import { ReactComponent as KeyIcon } from "../assets/icons/key.svg";
import { ReactComponent as RotateIcon } from "../assets/icons/rotate_left.svg"; import { ReactComponent as RotateIcon } from "../assets/icons/rotate_left.svg";
import { ReactComponent as CircleInfoIcon } from "../assets/icons/circle_info.svg";
import "./common.less"; import "./common.less";
@ -250,11 +251,11 @@ class InfoMessage extends React.Component<{ width: number; children: React.React
return ( return (
<div className="info-message"> <div className="info-message">
<div className="message-icon"> <div className="message-icon">
<i className="fa-sharp fa-solid fa-circle-info" /> <CircleInfoIcon className="icon" />
</div> </div>
<div className="message-content" style={{ width: this.props.width }}> <div className="message-content" style={{ width: this.props.width }}>
<div className="info-icon"> <div className="info-icon">
<i className="fa-sharp fa-solid fa-circle-info" /> <CircleInfoIcon className="icon" />
</div> </div>
<div className="info-children">{this.props.children}</div> <div className="info-children">{this.props.children}</div>
</div> </div>