fix SettingsModal buttons position

This commit is contained in:
plebbitor
2023-04-19 16:33:49 +02:00
parent d9168fa699
commit 59c5250347
2 changed files with 17 additions and 20 deletions
+12 -10
View File
@@ -119,12 +119,18 @@ const SettingsModal = ({ isOpen, closeModal }) => {
</ul>
<ul>
<li className="settings-cat-lbl">
<span className={`${expanded.includes(2) ? 'minus' : 'plus'}`}
onClick={() => toggleExpanded(2)}
/>
<span className="settings-pointer" style={{cursor: "pointer"}}
onClick={() => toggleExpanded(2)}
>Plebbit Options</span>
<span className={`${expanded.includes(2) ? 'minus' : 'plus'}`}
onClick={() => toggleExpanded(2)}
/>
<span className="settings-pointer" style={{cursor: "pointer"}}
onClick={() => toggleExpanded(2)}
>Plebbit Options</span>
<div className="plebbit-options-buttons"
style={{ display: expanded.includes(2) ? 'block' : 'none' }}
>
<button className="save-button">Save</button>
<button className="reset-button">Reset</button>
</div>
</li>
<ul className="settings-cat" style={{ display: expanded.includes(2) ? 'block' : 'none' }}>
<li className="settings-option disc">
@@ -179,10 +185,6 @@ const SettingsModal = ({ isOpen, closeModal }) => {
Clear Cache
</button>
</div>
<div className="center">
<button className="save-button">Save</button>
<button className="reset-button">Reset</button>
</div>
</div>
</StyledModal>
);