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:
@@ -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;
|
||||||
|
|||||||
@@ -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 './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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user