fix: share modal styling abd missing string

This commit is contained in:
alexsparkes
2023-01-29 18:14:33 +00:00
parent 9ff32e590f
commit e4a634d78d
3 changed files with 18 additions and 7 deletions

View File

@@ -8,7 +8,7 @@
padding: 15px;
width: 320px;
@include themed() {
background: t($modal-background);
background: t($modal-secondaryColour);
}
.resetFooter {
display: flex;

View File

@@ -11,7 +11,7 @@ function AddModal({ urlError, addLink, closeModal, edit, editData, editLink }) {
const [icon, setIcon] = useState(edit ? editData.url : '');
return (
<div className="smallModal">
<div className="smallModal" style={{ width: '260px' }}>
<div className="shareHeader">
<span className="title">{variables.getMessage('widgets.quicklinks.new')}</span>
<Tooltip title={variables.getMessage('modals.welcome.buttons.close')}>
@@ -43,11 +43,23 @@ function AddModal({ urlError, addLink, closeModal, edit, editData, editLink }) {
/>
<span className="dropdown-error" />
{edit ? (
<button onClick={() => editLink(editData, name, url, icon)}>
<MdAddLink /> Edit
<button
style={{
height: '16px',
fontSize: '15px',
}}
onClick={() => editLink(editData, name, url, icon)}
>
<MdAddLink /> {variables.getMessage('modals.main.settings.sections.quicklinks.edit')}
</button>
) : (
<button onClick={() => addLink(name, url, icon)}>
<button
style={{
height: '16px',
fontSize: '15px',
}}
onClick={() => addLink(name, url, icon)}
>
<MdAddLink /> {variables.getMessage('widgets.quicklinks.add')}
</button>
)}

View File

@@ -163,10 +163,9 @@ button.quicklinks {
@include themed() {
textarea {
background: t($modal-sidebar);
border: 3px solid t($modal-sidebarActive);
border: 1px solid t($modal-sidebarActive);
color: t($color);
border-radius: t($borderRadius);
width: 270px;
padding: 10px 20px;
&:hover {