albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style and layout improvements on modals

Browse source 
/posting modal still needs some fixing tho/
This commit is contained in:
ndaniel1102 2021-03-14 01:27:01 +01:00
parent cdc2b3fd66
commit b0cbc5aa5e
10 changed files with 606 additions and 5426 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/components/composer.js
View file

@ -44,7 +44,8 @@ export default function Composer({ onSubmit }) {
<div className={styles.container}>
{type !== 'private' && (
<input
placeholder={'Téma'}
placeholder={'Téma...'}
required
value={title}
onChange={(e) => {
setTitle(e.target.value)
@ -52,7 +53,8 @@ export default function Composer({ onSubmit }) {
/>
)}
<textarea
placeholder={'...'}
placeholder={'Írj ide valamit...'}
required
value={val}
onChange={(e) => {
setVal(e.target.value)
@ -64,22 +66,22 @@ export default function Composer({ onSubmit }) {
setFile(e.target.files[0])
}}
/>
)}
<div className={styles.typeSelector}>
<div>Post típusa:</div>
<div title="Minden felhasználó látja főoldalon, és tudnak rá válaszolni">
<input
onChange={(e) => {
setType(e.target.value)
}}
type="radio"
name="type"
value="public"
defaultChecked
/>
Publikus
</div>
<div title="Csak a weboldal üzemeltetője látja">
)}
<div id="radiolabel"><p><b>A poszt típusa:</b></p></div>
<div className={styles.typeSelector}>
<div title="A főoldalon mindenki láthatja, reagálhat rá és kommentelhet alá">
<input
onChange={(e) => {
setType(e.target.value)
}}
type="radio"
name="type"
value="public"
defaultChecked
/>
Publikus
</div>
<div title="Csak admin bácsi látja">
<input
onChange={(e) => {
setType(e.target.value)
@ -90,27 +92,20 @@ export default function Composer({ onSubmit }) {
/>
Privát
</div>
<div className={styles.tip}>
(Tartsd egered opciókra több infóért)
</div>
</div>
<div className={'actions'}>
<div className={styles.tip}>
<b>Tipp:</b> vidd a kurzort a poszt-típusok fölé több infóért!
</div>
<div className={styles.composerAction}>
<span
onClick={() => {
onSubmit(type, title, val, file)
setEditorShowing(false)
}}
>
Post
Posztolás
</span>
<span
onClick={() => {
setEditorShowing(false)
}}
>
Cancel
</span>
</div>
</div>
</div>
</Modal>
)}