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

Sidebar rework (part 2), overall apearance rework (home page)

Browse source 
/home gomb kérdése megoldva, link a logo-n fixed/
This commit is contained in:
ndaniel1102 2021-02-26 21:05:25 +01:00
parent 58db2e3d24
commit 050eb28fb3
6 changed files with 79 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/pages/index.js
View file

@ -81,14 +81,12 @@ export default function Index(props) {
return (
<div key={key}>
{renderQAItem(newsItem, key)}
<hr />
</div>
)
} else {
return (
<div key={key}>
{renderNewsItem(newsItem, key)}
<hr />
</div>
)
}
@ -97,9 +95,8 @@ export default function Index(props) {
return (
<div>
<div className={styles.title}>News</div>
<hr />
<hr />
<div className={styles.title}>Hírek</div>
<hr />
<div className={styles.questionscontainer}>{questions}</div>
</div>
)
@ -110,10 +107,8 @@ export default function Index(props) {
const renderMotd = () => {
return (
<div>
<div className={styles.motd_body}>
<div className={styles.title}>MOTD</div>
<hr />
<hr />
{motd ? (
<div
className={styles.motd}
@ -206,11 +201,8 @@ export default function Index(props) {
{'Összes kérdés JSON'}
</a>
</div>
<hr />
{renderMotd()}
{/*{userSpecificMotd && renderUserSpecificMotd()} */}
<hr />
<hr />
<Sleep />
{renderNews()}
{renderDbSelector()}

53
src/pages/index.module.css
View file

@ -4,9 +4,10 @@
.button {
color: white;
background-color: #303030;
margin: 2px;
padding: 10px 5px;
background-color: #313131;
margin: 0px 4px;
padding: 15px 4px;
max-width: 100%;
text-align: center;
font-size: 16px;
cursor: pointer;
@ -22,6 +23,13 @@
.button:hover {
background-color: #555;
color: var(--text-color);
transition: width 0.5s, height 0.5s, ease-out 0.5s;
text-shadow: 2px 1.5px 8px black;
}
.hr {
width: 100%;
}
.motd {
@ -31,35 +39,49 @@
}
.itemContainer {
width: 100%;
margin: 20px 5px;
}
.itemContainer:hover {
background-color: var(--hoover-color);
}
.newsBody {
margin: 0px 5px;
font-size: 18px;
padding: 10px 14px;
font-size: 17px;
color: #fff;
text-align: justify;
}
.motd_body {
border: 2px dashed var(--text-color);
padding-top: 13px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
margin-top: 18px;
margin-bottom: 30px;
margin-left: 5px;
margin-right: 5px;
font-size: 8px;
}
.title {
color: #F2CB05;
font-size: 30px;
color: var(--text-color);
font-size: 32px;
text-align: center;
letter-spacing: 2.5px;
}
.subtitle {
color: #9999ff;
color: var(--text-color);
font-size: 20px;
text-align: center;
}
.newsTitle {
font-size: 28px;
color: var(--text-color);
margin: 0px 5px;
font-size: 28px;
padding-left: 17px;
}
.question {
@ -74,9 +96,12 @@
}
.itemNumber {
color: #fff;
color: #a7a7a7;
margin: 0px 5px;
font-size: 24px;
font-size: 22px;
padding-top: 12px;
padding-left: 13px;
padding-bottom: 3px;
}
.repos {