NPM/site
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixes in main

Browse Source
This commit is contained in:
Elinorre 2020-01-21 22:16:48 +03:00
parent 33126c7820
commit ebb1e7e618
3 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/index.js
View File

@ -64,10 +64,9 @@ const IndexPage = ({data}) => (
return ( return (
<div class = "card" style={{marginBottom: `15px`, borderRadius: `0px`, boxShadow: `0 2px 2px #A2A2A2`}}> <div class = "card" style={{marginBottom: `15px`, borderRadius: `0px`, boxShadow: `0 2px 2px #A2A2A2`}}>
<div class = "card-body"> <div class = "card-body">
<div class = "title"> <h2 class = "title">
<h2>{title}</h2> {title}<span id="date">{date}</span>
</div> </h2>
<span id="date">{date}</span>
<p <p
dangerouslySetInnerHTML = {{ dangerouslySetInnerHTML = {{
__html: post.frontmatter.description || post.html, __html: post.frontmatter.description || post.html,

2
src/styles/layout.css
View File

@ -24,7 +24,7 @@ body {
main { margin-top: 17%; } main { margin-top: 17%; }
@media (min-width: 769px) { @media (max-width: 769px) {
main { margin-top: 6%; } main { margin-top: 6%; }
nav.navbar.navbar-expand-lg.navbar-light { width: 100%; padding: 0; } } nav.navbar.navbar-expand-lg.navbar-light { width: 100%; padding: 0; } }

30
src/styles/main.css
View File

@ -1,12 +1,15 @@
main { margin-top: 65px; }
/* ----- navbar ----------------------------- */ /* ----- navbar ----------------------------- */
.navbar-light .navbar-nav .nav-link { color: rgb(190, 190, 190); } .navbar-light .navbar-nav .nav-link { color: rgb(190, 190, 190); }
.navbar-light .navbar-nav .nav-link:hover { color: white; } .navbar-light .navbar-nav .nav-link:hover { color: white; }
.navbar-light .navbar-nav .nav-item:hover { background-color: rgb(20, 142, 161); padding-bottom: 15px; } .navbar-light .navbar-nav .nav-item:hover { background-color: rgb(20, 142, 161); padding-bottom: 15px; }
.navbar-light .navbar-nav .nav-item.active{ color: rgb(190, 190, 190); } .navbar-light .navbar-nav .nav-item.active{ color: rgb(190, 190, 190); }
li.nav-item {margin: 0;} li.nav-item {margin-bottom: 25px; }
ul.navbar-nav { margin-bottom: -8px; align-items: center;} ul.navbar-nav { margin-bottom: -8px; align-items: center;}
ul.navbar-nav .nav-item a.nav-link { padding: 15px; } ul.navbar-nav .nav-item a.nav-link { padding: 15px; }
a[aria-current="page"] img#logo { opacity: 1; margin-top: 10px;} a[aria-current="page"] img#logo { opacity: 1; margin-top: 0px; }
a.navbar-brand img#logo { margin: 0 }
ul.navbar-nav li.nav-item.active a.nav-link { ul.navbar-nav li.nav-item.active a.nav-link {
background-color:rgb(20, 142, 161); background-color:rgb(20, 142, 161);
padding-bottom: 15px; padding-bottom: 15px;
@ -54,7 +57,7 @@ a#more.btn.btn-primary {
background-color: rgb(51, 113, 155); background-color: rgb(51, 113, 155);
border: rgb(36,88,122); } border: rgb(36,88,122); }
div.title { h2.title {
background-color: rgb(247, 247, 247); background-color: rgb(247, 247, 247);
padding: 15px; padding: 15px;
border: 2px solid #E8E4E4; border: 2px solid #E8E4E4;
@ -65,9 +68,11 @@ span#date {
font-size: 20px; font-size: 20px;
opacity: 0,7; opacity: 0,7;
background-color: rgb(209, 121, 121); background-color: rgb(209, 121, 121);
padding: 7px; padding: 5px;
border: 1px solid #8f4f4f; border: 1px solid #8f4f4f;
} position: absolute;
top: 25px;
right: 26px; }
p { p {
font-size: 20px; font-size: 20px;
@ -80,7 +85,7 @@ hr {
margin: 10px 0px 20px 0px; } margin: 10px 0px 20px 0px; }
img.center-block { margin-bottom: 0; } img.center-block { margin-bottom: 0; }
li { margin-bottom: 0; font-size: 20px;} li { margin-bottom: 0; font-size: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
ul { margin: 0 0 20px 0; padding-left: 40px; } ul { margin: 0 0 20px 0; padding-left: 40px; }
p#button { margin-bottom: 0px; } p#button { margin-bottom: 0px; }
p.lead { margin-bottom: 20px; font-size: 25px; } p.lead { margin-bottom: 20px; font-size: 25px; }
@ -93,4 +98,15 @@ span.badge.badge-info {
background-color: rgb(20,142,161); } background-color: rgb(20,142,161); }
span.katex-html{color: rgb(0, 0, 0); font-weight: 500;} span.katex-html{color: rgb(0, 0, 0); font-weight: 500;}
/* -------------------------------------------------------- */ /* -------------------------------------------------------- */
/* --- media --------------------------------------------- */
@media (max-width: 769px) {
span#date {
top: 0;
right: 0; }
button#togglerButton.navbar-toggler.collapsed {
margin-top: 10px;
margin-left: 10px; }
}
/* ------------------------------------------------------- */