deblan-mirror/borgwarehouse
deblan-mirror/borgwarehouse
1
0
Fork 0
mirror of https://github.com/Ravinou/borgwarehouse synced 2024-05-19 14:06:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add a LAN badge next to the quicksettings button

Browse source
This commit is contained in:
Ravinou 2023-11-11 11:05:32 +01:00
parent 3c4624a686
commit 2b5526ab7c
No known key found for this signature in database
GPG key ID: EEEE670C40F6A4D7
2 changed files with 23 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Components/Repo/QuickCommands/QuickCommands.js
View file

@ -50,11 +50,13 @@ export default function QuickCommands(props) {
<div className={classes.copyValid}>Copied !</div>
) : (
<div className={classes.tooltip}>
ssh://{wizardEnv.UNIX_USER}@
{FQDN}:{SSH_SERVER_PORT}/./
ssh://{wizardEnv.UNIX_USER}@{FQDN}:{SSH_SERVER_PORT}/./
{props.repositoryName}
</div>
)}
{props.lanCommand && <div className={classes.lanBadge}>LAN</div>}
<div className={classes.icons}>
<button onClick={handleCopy} className={classes.copyButton}>
<IconCopy color='#65748b' stroke={1.25} />

20
Components/Repo/QuickCommands/QuickCommands.module.css
View file

@ -7,7 +7,7 @@
.icons {
position: relative;
bottom: 14px;
bottom: 13px;
}
.quickSetting {
@ -16,6 +16,15 @@
opacity: 1;
}
.lanBadge {
border-radius: 5px;
border: 1px solid #6d4aff;
color: #6d4aff;
font-size: 0.9em;
padding: 2px 5px;
margin-right: 8px;
}
.tooltip {
visibility: hidden;
opacity: 0;
@ -91,6 +100,15 @@
opacity: 0;
}
.container:hover .lanBadge {
visibility: hidden;
opacity: 0;
width: 0;
height: 0;
margin: 0;
padding: 0;
}
@media all and (max-width: 1000px) {
.container {
display: none;