Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

switch to fontawesome 6

Browse Source
This commit is contained in:
sawka 2023-02-27 12:22:45 -08:00
parent 9372d3a9d0
commit 326b8d9b92
14 changed files with 58 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/bookmarks.tsx
View File

@ -146,13 +146,13 @@ class Bookmark extends React.Component<{bookmark : BookmarkType}, {}> {
</div>
</If>
<div className={cn("bookmark-code", {"no-desc": !hasDesc})}>
<div className="use-button" title="Use Bookmark" onClick={this.handleUse}><i className="fa fa-check"/></div>
<div className="use-button" title="Use Bookmark" onClick={this.handleUse}><i className="fa-sharp fa-solid fa-check"/></div>
<code>{bm.cmdstr}</code>
</div>
</div>
<div className="bookmark-controls">
<div className="bookmark-control" onClick={this.handleEditClick}><i className="fa fa-pencil"/></div>
<div className="bookmark-control" onClick={this.handleDeleteClick}><i className="fa fa-trash"/></div>
<div className="bookmark-control" onClick={this.handleEditClick}><i className="fa-sharp fa-solid fa-pen"/></div>
<div className="bookmark-control" onClick={this.handleDeleteClick}><i className="fa-sharp fa-solid fa-trash"/></div>
</div>
</div>
);
@ -193,9 +193,9 @@ class BookmarksView extends React.Component<{}, {}> {
<div className="bookmarks-help">
<div className="help-entry">
[Enter] to Use Bookmark<br/>
[Backspace/Delete]x2 or <i className="fa fa-trash"/> to Delete<br/>
[Backspace/Delete]x2 or <i className="fa-sharp fa-solid fa-trash"/> to Delete<br/>
[Arrow Up]/[Arrow Down]/[PageUp]/[PageDown] to Move in List<br/>
[e] or <i className="fa fa-pencil"/> to Edit<br/>
[e] or <i className="fa-sharp fa-solid fa-pen"/> to Edit<br/>
</div>
</div>
</If>

16
src/main.tsx
View File

@ -199,7 +199,7 @@ class LineAvatar extends React.Component<{line : LineType, cmd : Cmd}, {}> {
<i className="fa fa-exclamation-triangle status-icon"/>
</If>
<If condition={status == "detached"}>
<i className="fa fa-refresh status-icon"/>
<i className="fa fa-rotate status-icon"/>
</If>
</div>
);
@ -858,10 +858,10 @@ class LineCmd extends React.Component<{sw : ScreenWindow, line : LineType, width
</div>
<div key="bookmark" title="Bookmark" className={cn("line-icon", "line-bookmark", {"active": line.bookmarked})} onClick={this.clickBookmark}>
<If condition={!line.bookmarked}>
<i className="fa fa-bookmark-o"/>
<i className="fa-sharp fa-regular fa-bookmark"/>
</If>
<If condition={line.bookmarked}>
<i className="fa fa-bookmark"/>
<i className="fa-sharp fa-solid fa-bookmark"/>
</If>
</div>
</div>
@ -2960,10 +2960,10 @@ class RemoteStatusLight extends React.Component<{remote : RemoteType}, {}> {
}
let icon = "fa-circle"
if (status == "connecting") {
icon = (wfp ? "fa-key" : "fa-refresh");
icon = (wfp ? "fa-sharp fa-solid fa-key" : "fa-sharp fa-solid fa-rotate");
}
return (
<i className={cn("remote-status fa", icon, "status-" + status)}/>
<i className={cn("remote-status", icon, "status-" + status)}/>
);
}
}
@ -3119,10 +3119,10 @@ class MainSideBar extends React.Component<{}, {}> {
</p>
<ul className="menu-list">
<li>
<a target="_blank" href="https://docs.getprompt.dev/"><i className="fa fa-book"/> documentation</a>
<a target="_blank" href="https://docs.getprompt.dev/"><i style={{width: 20}} className="fa fa-book"/> documentation</a>
</li>
<li>
<a target="_blank" href="https://discord.gg/XfvZ334gwU"><i className="fa fa-comments"/> discord</a>
<a target="_blank" href="https://discord.gg/XfvZ334gwU"><i style={{width: 20}} className="fa-brands fa-discord"/> discord</a>
</li>
</ul>
<p className="menu-label">
@ -3225,7 +3225,7 @@ class DisconnectedModal extends React.Component<{}, {}> {
<div className="spacer"/>
<button onClick={this.tryReconnect} className="button">
<span className="icon">
<i className="fa fa-refresh"/>
<i className="fa fa-rotate"/>
</span>
<span>Try Reconnect</span>
</button>

4
src/sh2.less
View File

@ -30,6 +30,10 @@
@soft-blue: #729fcf;
:root {
--fa-style-family: "Font Awesome 6 Sharp";
}
.mono-font(@size: inherit, @weight: inherit) {
font-family: 'JetBrains Mono', monospace;
font-size: @size;

6
static/fontawesome/css/brands.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

9
static/fontawesome/css/fontawesome.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

6
static/fontawesome/css/sharp-regular.min.css vendored Normal file
View File

@ -0,0 +1,6 @@
/*!
* Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2023 Fonticons, Inc.
*/
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-sharp-regular-400.woff2) format("woff2"),url(../webfonts/fa-sharp-regular-400.ttf) format("truetype")}.fa-regular,.fasr{font-weight:400}

6
static/fontawesome/css/sharp-solid.min.css vendored Normal file
View File

@ -0,0 +1,6 @@
/*!
* Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2023 Fonticons, Inc.
*/
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-sharp-solid-900.woff2) format("woff2"),url(../webfonts/fa-sharp-solid-900.ttf) format("truetype")}.fa-solid,.fass{font-weight:900}

6
static/fontawesome/css/solid.min.css vendored Normal file
View File

@ -0,0 +1,6 @@
/*!
* Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2023 Fonticons, Inc.
*/
:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}

BIN
static/fontawesome/webfonts/fa-brands-400.woff2 Normal file
View File

Binary file not shown.

BIN
static/fontawesome/webfonts/fa-sharp-regular-400.woff2 Normal file
View File

Binary file not shown.

BIN
static/fontawesome/webfonts/fa-sharp-solid-900.woff2 Normal file
View File

Binary file not shown.

BIN
static/fontawesome/webfonts/fa-solid-900.woff2 Normal file
View File

Binary file not shown.

5
static/index-dev.html
View File

@ -5,7 +5,10 @@
<base href="../">
<script charset="UTF-8" src="dist-dev/sh2.js"></script>
<link rel="stylesheet" href="static/bulma-0.9.4.min.css">
<link rel="stylesheet" href="static/font-awesome.min.css">
<link rel="stylesheet" href="static/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="static/fontawesome/css/brands.min.css">
<link rel="stylesheet" href="static/fontawesome/css/sharp-solid.min.css">
<link rel="stylesheet" href="static/fontawesome/css/sharp-regular.min.css">
<link rel="stylesheet" href="static/xterm.css" />
<link rel="stylesheet" href="dist-dev/sh2.css" />
</head>

5
static/index.html
View File

@ -5,7 +5,10 @@
<base href="../">
<script charset="UTF-8" src="dist/sh2.js"></script>
<link rel="stylesheet" href="static/bulma-0.9.4.min.css">
<link rel="stylesheet" href="static/font-awesome.min.css">
<link rel="stylesheet" href="static/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="static/fontawesome/css/brands.min.css">
<link rel="stylesheet" href="static/fontawesome/css/sharp-solid.min.css">
<link rel="stylesheet" href="static/fontawesome/css/sharp-regular.min.css">
<link rel="stylesheet" href="static/xterm.css" />
<link rel="stylesheet" href="dist/sh2.css" />
</head>