mirror of
https://github.com/Ravinou/borgwarehouse
synced 2024-06-11 10:22:15 +02:00
feat: add a LAN badge next to the quicksettings button
This commit is contained in:
parent
3c4624a686
commit
2b5526ab7c
|
@ -50,11 +50,13 @@ export default function QuickCommands(props) {
|
||||||
<div className={classes.copyValid}>Copied !</div>
|
<div className={classes.copyValid}>Copied !</div>
|
||||||
) : (
|
) : (
|
||||||
<div className={classes.tooltip}>
|
<div className={classes.tooltip}>
|
||||||
ssh://{wizardEnv.UNIX_USER}@
|
ssh://{wizardEnv.UNIX_USER}@{FQDN}:{SSH_SERVER_PORT}/./
|
||||||
{FQDN}:{SSH_SERVER_PORT}/./
|
|
||||||
{props.repositoryName}
|
{props.repositoryName}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{props.lanCommand && <div className={classes.lanBadge}>LAN</div>}
|
||||||
|
|
||||||
<div className={classes.icons}>
|
<div className={classes.icons}>
|
||||||
<button onClick={handleCopy} className={classes.copyButton}>
|
<button onClick={handleCopy} className={classes.copyButton}>
|
||||||
<IconCopy color='#65748b' stroke={1.25} />
|
<IconCopy color='#65748b' stroke={1.25} />
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: 14px;
|
bottom: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quickSetting {
|
.quickSetting {
|
||||||
|
@ -16,6 +16,15 @@
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lanBadge {
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #6d4aff;
|
||||||
|
color: #6d4aff;
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 2px 5px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -91,6 +100,15 @@
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container:hover .lanBadge {
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
@media all and (max-width: 1000px) {
|
@media all and (max-width: 1000px) {
|
||||||
.container {
|
.container {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in a new issue