Merge branch 'editbtncss' into 'main'

edit button css for mobile

See merge request saburly/marketalarm/kivi-za-auta-react!15
This commit was merged in pull request #15.
This commit is contained in:
msosic97
2022-03-15 10:44:54 +00:00
4 changed files with 7 additions and 27 deletions

View File

@@ -4,9 +4,9 @@
} }
.standardBtn { .standardBtn {
width:250px; width: 300px;
background-color: #02ADBA; background-color: #02ADBA;
font-size: 20px; font-size: 25px;
padding: 7px 20px 7px 20px; padding: 7px 20px 7px 20px;
color: white; color: white;
border: #02ADBA; border: #02ADBA;
@@ -44,7 +44,7 @@
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.standardBtn { .standardBtn {
width: 150px; width: 170px;
background-color: #02ADBA; background-color: #02ADBA;
font-size: 20px; font-size: 20px;
padding: 7px 20px 7px 20px; padding: 7px 20px 7px 20px;
@@ -55,9 +55,9 @@
@media screen and (max-width: 400px) { @media screen and (max-width: 420px) {
.standardBtn { .standardBtn {
width: 90px; width: 150px;
background-color: #02ADBA; background-color: #02ADBA;
font-size: 15px; font-size: 15px;
padding: 7px 20px 7px 20px; padding: 7px 20px 7px 20px;

View File

@@ -1,18 +0,0 @@
nav {
width: 100%;
min-width: 280px;
background-color: #02adba;
color: #fff;
height: 64px;
line-height: 64px;
text-align: center;
font-size: 26px;
}
@media only screen and (max-width: 600px){
nav {
height: 54px;
line-height: 54px;
font-size: 22px;
}
}

View File

@@ -1,13 +1,12 @@
import './css/App.css'; import './css/App.css';
import React from 'react'; import React from 'react';
import EmailPage from './EmailPage'; import CongratsPage from "./CongratsPage"
function App() { function App() {
return ( return (
<div className="App"> <div className="App">
<EmailPage/> <CongratsPage/>
</div> </div>
); );
} }

View File

@@ -9,7 +9,6 @@ function Category() {
<div className="category"> <div className="category">
<Header header={naslov}/> <Header header={naslov}/>
<ButtonsToolbar/> <ButtonsToolbar/>
<br/><br/><br/><br/>
<CategoryBtns/> <CategoryBtns/>
</div> </div>
); );