Minor style fixes across pages

2025-04-01 20:23:44 +02:00 · 2021-03-26 15:44:11 +01:00 · 2021-03-26 15:44:11 +01:00 · 6fd9beb464
commit 6fd9beb464
parent 515993a05b
14 changed files with 165 additions and 120 deletions
--- a/src/pages/allQuestions.js
+++ b/src/pages/allQuestions.js
@ -100,42 +100,47 @@ export default function AllQuestions({ router }) {
    if (dbs) {
      return (
        <>
-          <select
-            className={styles.select}
-            defaultValue={-1}
-            onChange={(event) => {
-              const key = event.target.value
-              setData(null)
-              setFetchingData(true)
-              if (key === 'all') {
-                setSelectedDb(key)
-                fetchAllData(dbs).then((res) => {
-                  setData(mergeData(res))
-                  setFetchingData(false)
-                })
-              } else {
-                setSelectedDb(dbs[key].name)
-                fetchData(dbs[key]).then((res) => {
-                  setData(res.data)
-                  setFetchingData(false)
-                })
-              }
-            }}
-          >
-            <option disabled value={-1}>
-              {' -- Válassz egy kérdés adatbázist -- '}
-            </option>
-            {dbs.map((db, i) => {
-              return (
-                <option value={i} key={db.path}>
-                  {db.name}
-                </option>
-              )
-            })}
-            <option value={'all'} key={'all'}>
-              {'All'}
-            </option>
-          </select>
+          <div className={'pageHeader'}>
+            <h1>Kérdések és tárgyak</h1>
+          </div>
+          <br />
+          <div className={`selectContainer ${styles.content}`}>
+            <select
+              defaultValue={-1}
+              onChange={(event) => {
+                const key = event.target.value
+                setData(null)
+                setFetchingData(true)
+                if (key === 'all') {
+                  setSelectedDb(key)
+                  fetchAllData(dbs).then((res) => {
+                    setData(mergeData(res))
+                    setFetchingData(false)
+                  })
+                } else {
+                  setSelectedDb(dbs[key].name)
+                  fetchData(dbs[key]).then((res) => {
+                    setData(res.data)
+                    setFetchingData(false)
+                  })
+                }
+              }}
+            >
+              <option disabled value={-1}>
+                {' - Válassz egy adatbázist! - '}
+              </option>
+              {dbs.map((db, i) => {
+                return (
+                  <option value={i} key={db.path}>
+                    {db.name}
+                  </option>
+                )
+              })}
+              <option value={'all'} key={'all'}>
+                {'All'}
+              </option>
+            </select>
+          </div>
        </>
      )
    } else {
@ -152,9 +157,6 @@ export default function AllQuestions({ router }) {

    return (
      <div>
-        <Head>
-          <title>Tárgyak - Qmining | Frylabs.net</title>
-        </Head>
        {data ? (
          <>
            <div className={styles.searchContainer}>
@ -200,9 +202,6 @@ export default function AllQuestions({ router }) {
  const renderQuestionBrowser = () => {
    return (
      <div>
-        <Head>
-          <title>Qmining - Kérdés keresés | Frylabs.net</title>
-        </Head>
        {data ? (
          <>
            <div className={styles.searchContainer}>
@ -242,19 +241,22 @@ export default function AllQuestions({ router }) {

  return (
    <div>
+      <Head>
+        <title>Kérdések és tárgyak - Qmining | Frylabs.net</title>
+      </Head>
      {dbs ? <>{renderDbSelector()}</> : <LoadingIndicator />}
      {dbs && data ? (
        <>
          {`${questionCount} kérdés, ${subjectCount} tárgy`}
          <div className={'buttonContainer'}>
            <div
-              className={!subjectsShowing ? styles.activeTypeSelector : ''}
+              className={!subjectsShowing ? 'activeButton' : ''}
              onClick={() => setSubjectsShowing(false)}
            >
              Kérdések
            </div>
            <div
-              className={subjectsShowing ? styles.activeTypeSelector : ''}
+              className={subjectsShowing ? 'activeButton' : ''}
              onClick={() => setSubjectsShowing(true)}
            >
              Tárgyak
--- a/src/pages/allQuestions.module.css
+++ b/src/pages/allQuestions.module.css
@ -1,3 +1,7 @@
+.content {
+    padding-top: 50px;
+}
+
 .searchContainer {
  width: 100%;
  display: flex;
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@ -28,6 +28,11 @@ export default function Contact() {
      <Head>
        <title>Kapcsolat - Qmining | Frylabs.net</title>
      </Head>
+      <div className={'pageHeader'}>
+        <h1>Kapcsolat</h1>
+      </div>
+      <br />
+      <br />
      <FeedbackArea from={'contact'} />
      <div className={styles.contactsContainer}>
        <div>Itt vannak hogy hogy lehet kontaktolni</div>
--- a/src/pages/faq.js
+++ b/src/pages/faq.js
@ -251,6 +251,11 @@ export default function FAQ() {
      <Head>
        <title>GYIK - Qmining | Frylabs.net</title>
      </Head>
+      <div className={'pageHeader'}>
+        <h1>GYakran Ismételt Kérdések</h1>
+      </div>
+      <br />
+      <br />
      <div className={'buttonContainer'}>
        {Object.keys(pages).map((key) => {
          const page = pages[key]
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@ -55,7 +55,7 @@
 }

 .question {
-  font-weight: 'bold';
+  font-weight: bold;
  font-size: 16px;
  color: #fff;
  margin: 0px 5px;
--- a/src/pages/pwRequest.js
+++ b/src/pages/pwRequest.js
@ -112,29 +112,31 @@ export default function PwRequest() {
          <span>{' ' + daysAfterUserGetsPWs + ' '}</span>
          napot kell várniuk, míg jelszó generálási lehetőséget kapnak.
          <br />
-          Egy felhasználó egyszerre
-          <span>{' ' + addPWCount + ' '}</span>
-          jelszót generálhat, a jelszókérések közt
-          <span>{' ' + addPwPerDay + ' '}</span>
-          napnak kell eltelnie, hogy újabb jelszót kérhess le.
-          <br />
-          Egy felhasználó összesen
+          Egy felhasználó egyszerre, egymás után
          <span>{' ' + maxPWCount + ' '}</span>
-          jelszót generálhat.
+          jelszót generálhat. Összességében korlátlan mennyiségben kérhetők le
+          jelszavak, de
+          <span>{' ' + maxPWCount + ' '}</span>db után el kell telnie{' '}
+          <span>{' ' + addPwPerDay + ' '}</span> napnak, hogy ismét jelszót
+          generálhass.
          <br />
          Ebből eddig
          <span>{' ' + requestedPWS + ' '}</span>
-          lehetőséget használtál fel, tehát még
-          <span>{' ' + remaining}</span> db jelszót kérhetsz le. <br />
+          lehetőséget használtál fel, tehát még{' '}
+          <span>{remaining - requestedPWS}</span> db jelszót kérhetsz le,
+          mielőtt elérnéd a <span>{' ' + maxPWCount + ' '}</span> darabos
+          kvótát.<br />
          <br /> A jelenleg bejelentkezett felhasználó létrehozva:
          <span>{' ' + dayDiff}</span> napja,<span>{' ' + createDate}</span>
          -kor.
          <br />
          <br />
        </div>
-        <div className={'buttonContainer'}>
-          <div onClick={handleSubmit}>Jelszó kérése</div>
-        </div>
+        <center>
+          <div className={`buttonContainer ${styles.pwButton}`}>
+            <div onClick={handleSubmit}>Jelszó kérése</div>
+          </div>
+        </center>
        {result ? (
          <div className={styles.pwContainer}>
            {result.map((r, i) => {
--- a/src/pages/pwRequest.module.css
+++ b/src/pages/pwRequest.module.css
@ -33,3 +33,7 @@
 .text span {
  color: var(--text-color);
 }
+
+.pwButton {
+  width: 20% !important;
+}
--- a/src/pages/ranklist.js
+++ b/src/pages/ranklist.js
@ -133,7 +133,7 @@ export default function RankList() {
      <div className={styles.container}>
        <div>
          <center>
-            <div id="rankHeader" className={'pageHeader'}>
+            <div className={'pageHeader'}>
              <h1>Ranklista</h1>
            </div>
          </center>
@ -147,7 +147,7 @@ export default function RankList() {
            </p>
          </div>
          <Sleep />
-          <div className={styles.selectContainer}>
+          <div className={'selectContainer'}>
            <div>Megjelenítés: </div>
            <select
              onChange={(e) => {
@ -164,7 +164,7 @@ export default function RankList() {
              })}
            </select>
          </div>
-          <div className={styles.selectContainer}>
+          <div className={'selectContainer'}>
            <div>Rendezés: </div>
            <select
              value={key}
--- a/src/pages/ranklist.module.css
+++ b/src/pages/ranklist.module.css
@ -105,28 +105,3 @@
 .sumrow {
  color: white;
 }
-
-.selectContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.selectContainer > select {
-  width: 16.5%;
-  border-radius: 5px;
-  border: 1.5px solid white;
-  background-color: #9c9c98;
-  color: azure;
-  font-family: inherit;
-  margin: 6px 0px;
-}
-
-.selectContainer > select:hover, .selectContainer > select:active {
-  border: 2px solid var(--text-color);
-}
-
-.selectContainer > div {
-  padding: 0px 5px;
-  margin-right: 8px;
-}
--- a/src/pages/script.js
+++ b/src/pages/script.js
@ -9,8 +9,11 @@ export default function Script() {
  return (
    <div>
      <Head>
-        <title>Manual - Qmining | Frylabs.net</title>
+        <title>Script - Qmining | Frylabs.net</title>
      </Head>
+      <div className={'pageHeader'}>
+        <h1>Script</h1>
+      </div>
      <div className={'buttonContainer'}>
        <a href="https://www.tampermonkey.net/">
          Ajánlott userscript kezelő bővítmény