CSS update for html checks

master
Flejk 3 years ago
parent 931398e6f7
commit b34daa4c09

@ -43,7 +43,7 @@ ul.shapeShiftBar li{
line-height: 60px; line-height: 60px;
display: inline-block; display: inline-block;
position: relative; position: relative;
padding-inline: 2em; padding: 2em;
} }
ul.shapeShiftBar li:hover{ ul.shapeShiftBar li:hover{
@ -75,7 +75,7 @@ ul.shapeShiftBar li:hover > a{
display: none; display: none;
line-height: 60px; line-height: 60px;
position: relative; position: relative;
padding-inline: 2em; padding: 2em;
} }
ul.mobileBar li:hover > a{ ul.mobileBar li:hover > a{
@ -205,10 +205,11 @@ a[href^="mailto"] {
@media only screen and (max-width: 830px) { @media only screen and (max-width: 830px) {
.mainContent{ .mainContent{
width: 100%; width: 96%;
} }
aside { aside {
width: 96%;
float: left; float: left;
} }
@ -237,6 +238,10 @@ a[href^="mailto"] {
display: block; display: block;
} }
.SpinLogo {
padding: 15px;
}
} }
@media print { @media print {

@ -8,7 +8,7 @@ const TopNavBar = () => {
<div className="topNavBar"> <div className="topNavBar">
<ul className="topBar"> <ul className="topBar">
<li> <li>
<Link to="/"><img src={logoSORIT} className="SpinLogo" alt="Logo Oborové rady IT" width="60px"/></Link> <Link to="/"><img src={logoSORIT} className="SpinLogo" alt="Logo Oborové rady IT" width="60"/></Link>
</li> </li>
<li> <li>
<ul className="shapeShiftBar"> <ul className="shapeShiftBar">
@ -34,13 +34,11 @@ const TopNavBar = () => {
<li> <li>
<ul className="mobileBar"> <ul className="mobileBar">
<li className="dropdown"> <li className="dropdown">
<h3> <svg viewBox="0 0 100 80" width="40" height="40">
<svg viewBox="0 0 100 80" width="40" height="40" alt="Menu">
<rect width="100" height="20" fill="#4b423c"></rect> <rect width="100" height="20" fill="#4b423c"></rect>
<rect y="30" width="100" height="20" fill="#4b423c"></rect> <rect y="30" width="100" height="20" fill="#4b423c"></rect>
<rect y="60" width="100" height="20" fill="#4b423c"></rect> <rect y="60" width="100" height="20" fill="#4b423c"></rect>
</svg> </svg>
</h3>
<ul className="dropdownContent"> <ul className="dropdownContent">
<li><Link to="/o-seznamovaku"><h3>Seznamováky</h3></Link></li> <li><Link to="/o-seznamovaku"><h3>Seznamováky</h3></Link></li>
<li><Link to="/vecirky"><h3>Večírky</h3></Link></li> <li><Link to="/vecirky"><h3>Večírky</h3></Link></li>

Loading…
Cancel
Save