mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-22 16:48:23 +01:00
init (#61)
This commit is contained in:
Red J Adaya
GitHub
parent
61d6d2ddff
commit
a69e844178
@ -330,7 +330,7 @@
|
|||||||
.about-content {
|
.about-content {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
section {
|
.wave-section {
|
||||||
.logo-wrapper {
|
.logo-wrapper {
|
||||||
width: 72px;
|
width: 72px;
|
||||||
height: 72px;
|
height: 72px;
|
||||||
@ -403,12 +403,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
section:nth-child(3) {
|
.wave-section:nth-child(3) {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
|
||||||
.button-link {
|
.wave-button-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
@ -418,7 +418,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
section:last-child {
|
.wave-section:last-child {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
color: @term-white;
|
color: @term-white;
|
||||||
}
|
}
|
||||||
@ -426,7 +426,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.wave-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 6px 16px;
|
padding: 6px 16px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -435,7 +435,7 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button.color-green {
|
.wave-button.color-green {
|
||||||
color: @term-bright-white;
|
color: @term-bright-white;
|
||||||
background: @term-green !important; // !important is needed to override the default button color
|
background: @term-green !important; // !important is needed to override the default button color
|
||||||
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.5),
|
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.5),
|
||||||
@ -446,7 +446,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button.color-standard {
|
.wave-button.color-standard {
|
||||||
color: @term-white;
|
color: @term-white;
|
||||||
background: var(--overlays-white-6, rgba(255, 255, 255, 0.12));
|
background: var(--overlays-white-6, rgba(255, 255, 255, 0.12));
|
||||||
|
|
||||||
@ -455,7 +455,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-link {
|
.wave-button-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 6px 16px;
|
padding: 6px 16px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -465,14 +465,12 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-content {
|
.wave-section {
|
||||||
section {
|
display: flex;
|
||||||
display: flex;
|
align-items: center;
|
||||||
align-items: center;
|
gap: 16px;
|
||||||
gap: 16px;
|
align-self: stretch;
|
||||||
align-self: stretch;
|
width: 100%;
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal.welcome-modal {
|
.modal.welcome-modal {
|
||||||
|
|||||||
@ -268,15 +268,17 @@ class TosModal extends React.Component<{}, {}> {
|
|||||||
<div className="item-inner">
|
<div className="item-inner">
|
||||||
<div className="item-title">Telemetry</div>
|
<div className="item-title">Telemetry</div>
|
||||||
<div className="item-text">
|
<div className="item-text">
|
||||||
We only collect minimal <i>anonymous</i> telemetry data to help us
|
We only collect minimal <i>anonymous</i> telemetry data to help us understand
|
||||||
understand how many people are using Wave.
|
how many people are using Wave.
|
||||||
</div>
|
</div>
|
||||||
<div className="item-field" style={{marginTop: 2}}>
|
<div className="item-field" style={{ marginTop: 2 }}>
|
||||||
<Toggle
|
<Toggle
|
||||||
checked={!cdata.clientopts.notelemetry}
|
checked={!cdata.clientopts.notelemetry}
|
||||||
onChange={this.handleChangeTelemetry}
|
onChange={this.handleChangeTelemetry}
|
||||||
/>
|
/>
|
||||||
<div className="item-label">Telemetry {cdata.clientopts.notelemetry ? "Disabled" : "Enabled"}</div>
|
<div className="item-label">
|
||||||
|
Telemetry {cdata.clientopts.notelemetry ? "Disabled" : "Enabled"}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -287,8 +289,9 @@ class TosModal extends React.Component<{}, {}> {
|
|||||||
<div className="item-inner">
|
<div className="item-inner">
|
||||||
<div className="item-title">Join our Community</div>
|
<div className="item-title">Join our Community</div>
|
||||||
<div className="item-text">
|
<div className="item-text">
|
||||||
Get help, submit feature requests, report bugs,
|
Get help, submit feature requests, report bugs, or just chat with fellow
|
||||||
or just chat with fellow terminal enthusiasts.<br/>
|
terminal enthusiasts.
|
||||||
|
<br />
|
||||||
<a target="_blank" href={util.makeExternLink("https://discord.gg/XfvZ334gwU")}>
|
<a target="_blank" href={util.makeExternLink("https://discord.gg/XfvZ334gwU")}>
|
||||||
Join the Wave Discord Channel
|
Join the Wave Discord Channel
|
||||||
</a>
|
</a>
|
||||||
@ -305,8 +308,8 @@ class TosModal extends React.Component<{}, {}> {
|
|||||||
<div className="item-inner">
|
<div className="item-inner">
|
||||||
<div className="item-title">Support us on GitHub</div>
|
<div className="item-title">Support us on GitHub</div>
|
||||||
<div className="item-text">
|
<div className="item-text">
|
||||||
We're <i>open source</i> and committed to providing a free terminal for individual
|
We're <i>open source</i> and committed to providing a free terminal for
|
||||||
users. Please show your support us by giving us a star on{" "}
|
individual users. Please show your support us by giving us a star on{" "}
|
||||||
<a
|
<a
|
||||||
target="_blank"
|
target="_blank"
|
||||||
href={util.makeExternLink("https://github.com/wavetermdev/waveterm")}
|
href={util.makeExternLink("https://github.com/wavetermdev/waveterm")}
|
||||||
@ -406,7 +409,7 @@ class AboutModal extends React.Component<{}, {}> {
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div className="content about-content">
|
<div className="content about-content">
|
||||||
<section>
|
<section className="wave-section about-section">
|
||||||
<div className="logo-wrapper">
|
<div className="logo-wrapper">
|
||||||
<img src={logo} alt="logo" />
|
<img src={logo} alt="logo" />
|
||||||
</div>
|
</div>
|
||||||
@ -415,10 +418,12 @@ class AboutModal extends React.Component<{}, {}> {
|
|||||||
<div className="text-standard">Modern Terminal for Seamless Workflow</div>
|
<div className="text-standard">Modern Terminal for Seamless Workflow</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section className="text-standard">{this.getStatus(this.isUpToDate())}</section>
|
<section className="wave-section about-section text-standard">
|
||||||
<section>
|
{this.getStatus(this.isUpToDate())}
|
||||||
|
</section>
|
||||||
|
<section className="wave-section about-section">
|
||||||
<a
|
<a
|
||||||
className="button button-link color-standard"
|
className="wave-button wave-button-link color-standard"
|
||||||
href={util.makeExternLink("https://github.com/wavetermdev/waveterm")}
|
href={util.makeExternLink("https://github.com/wavetermdev/waveterm")}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
@ -426,7 +431,7 @@ class AboutModal extends React.Component<{}, {}> {
|
|||||||
Github
|
Github
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
className="button button-link color-standard"
|
className="wave-button wave-button-link color-standard"
|
||||||
href={util.makeExternLink("https://www.commandline.dev/")}
|
href={util.makeExternLink("https://www.commandline.dev/")}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
@ -434,7 +439,7 @@ class AboutModal extends React.Component<{}, {}> {
|
|||||||
Website
|
Website
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
className="button button-link color-standard"
|
className="wave-button wave-button-link color-standard"
|
||||||
href={util.makeExternLink(
|
href={util.makeExternLink(
|
||||||
"https://github.com/wavetermdev/waveterm/blob/main/LICENSE"
|
"https://github.com/wavetermdev/waveterm/blob/main/LICENSE"
|
||||||
)}
|
)}
|
||||||
@ -444,7 +449,9 @@ class AboutModal extends React.Component<{}, {}> {
|
|||||||
License
|
License
|
||||||
</a>
|
</a>
|
||||||
</section>
|
</section>
|
||||||
<section className="text-standard">Copyright © 2023 Command Line Inc.</section>
|
<section className="wave-section about-section text-standard">
|
||||||
|
Copyright © 2023 Command Line Inc.
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user