fix: add link modal, marketplace

- Addons title
- icon for check for updates
- update add link modal
- improve the style of the smaller modals
- Link back to create tab on marketplace
This commit is contained in:
alexsparkes
2022-04-24 21:12:49 +01:00
parent 78c390b172
commit f8d2d624b7
11 changed files with 135 additions and 90 deletions

View File

@@ -18,7 +18,7 @@ export default function ShareModal({ modalClose, data, type }) {
};
return (
<div className="shareModal">
<div className="smallModal">
<div className="shareHeader">
<span className="title">Share</span>
<Tooltip title="Close">

View File

@@ -1,14 +1,37 @@
@import '../../../scss/variables';
.shareModal {
.smallModal {
@extend %tabText;
display: flex;
flex-flow: column;
gap: 15px;
padding: 15px;
width: 320px;
@include themed() {
background: t($modal-background);
}
.resetFooter {
display: flex;
flex-flow: row;
justify-content: flex-end;
gap: 20px;
button {
gap: 20px;
display: flex;
flex-flow: row;
}
}
.textButton {
@include basicIconButton(11px, 1.3rem, modal-text);
border: none !important;
}
.tooltipTitle {
@include themed() {
background: t($modal-sidebar);
box-shadow: 0 0 0 1px t($modal-sidebarActive);
color: t($color);
}
}
.buttons {
justify-content: space-between;
display: flex;
@@ -23,6 +46,18 @@
display: flex;
flex-flow: row;
gap: 15px;
input[type='text'] {
@include themed() {
background: t($modal-sidebar);
border-radius: t($borderRadius);
box-shadow: 0 0 0 4px t($modal-sidebarActive);
padding: 11px;
flex: 1;
color: t($color);
}
border: none;
outline: none;
}
}
input[type='text'] {
@include themed() {