edit button css for mobile
This commit is contained in:
@@ -4,9 +4,9 @@
|
||||
}
|
||||
|
||||
.standardBtn {
|
||||
width:250px;
|
||||
width: 300px;
|
||||
background-color: #02ADBA;
|
||||
font-size: 20px;
|
||||
font-size: 25px;
|
||||
padding: 7px 20px 7px 20px;
|
||||
color: white;
|
||||
border: #02ADBA;
|
||||
@@ -44,7 +44,7 @@
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.standardBtn {
|
||||
width: 150px;
|
||||
width: 170px;
|
||||
background-color: #02ADBA;
|
||||
font-size: 20px;
|
||||
padding: 7px 20px 7px 20px;
|
||||
@@ -55,9 +55,9 @@
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 400px) {
|
||||
@media screen and (max-width: 420px) {
|
||||
.standardBtn {
|
||||
width: 90px;
|
||||
width: 150px;
|
||||
background-color: #02ADBA;
|
||||
font-size: 15px;
|
||||
padding: 7px 20px 7px 20px;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -1,13 +1,12 @@
|
||||
import './css/App.css';
|
||||
import React from 'react';
|
||||
import EmailPage from './EmailPage';
|
||||
import CongratsPage from "./CongratsPage"
|
||||
|
||||
function App() {
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
<EmailPage/>
|
||||
|
||||
<CongratsPage/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -9,7 +9,6 @@ function Category() {
|
||||
<div className="category">
|
||||
<Header header={naslov}/>
|
||||
<ButtonsToolbar/>
|
||||
<br/><br/><br/><br/>
|
||||
<CategoryBtns/>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user