made button primary to button success
This commit is contained in:
parent
94f695e0b5
commit
0b8480c980
|
@ -91,7 +91,6 @@ const GlobalStyles = createGlobalStyle`
|
||||||
.modal .card {
|
.modal .card {
|
||||||
background-color: #202020;
|
background-color: #202020;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
.modal .card > div {
|
.modal .card > div {
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
|
@ -112,15 +111,15 @@ const GlobalStyles = createGlobalStyle`
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.btn-primary{
|
.btn-success , btn:focus {
|
||||||
background: #2dc262;
|
background: #2dc262;
|
||||||
border-color: #29a354;
|
border-color: #29a354;
|
||||||
}
|
}
|
||||||
.btn-primary:hover {
|
.btn-success:hover {
|
||||||
background-color: #29a354;
|
background-color: #29a354;
|
||||||
border-color: #2dc262;
|
border-color: #2dc262;
|
||||||
}
|
}
|
||||||
.btn-primary:disabled {
|
.btn-success:disabled {
|
||||||
background-color: #69b383;
|
background-color: #69b383;
|
||||||
}
|
}
|
||||||
.card {
|
.card {
|
||||||
|
@ -261,7 +260,7 @@ export default function App({ Component, pageProps, err }) {
|
||||||
</Navbar>
|
</Navbar>
|
||||||
{loading ? (
|
{loading ? (
|
||||||
<Container>
|
<Container>
|
||||||
<Spinner animation="border" role="status" variant="primary">
|
<Spinner animation="border" role="status" variant="success">
|
||||||
<span className="sr-only">Loading...</span>
|
<span className="sr-only">Loading...</span>
|
||||||
</Spinner>
|
</Spinner>
|
||||||
</Container>
|
</Container>
|
||||||
|
|
|
@ -73,7 +73,7 @@ export default function AddCollection({
|
||||||
/>
|
/>
|
||||||
</Form.Group>
|
</Form.Group>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="success"
|
||||||
type="submit"
|
type="submit"
|
||||||
style={{ width: '100%' }}
|
style={{ width: '100%' }}
|
||||||
>
|
>
|
||||||
|
|
|
@ -389,7 +389,7 @@ export default function Gallery(props: Props) {
|
||||||
{!isFirstLoad && data.length == 0 ? (
|
{!isFirstLoad && data.length == 0 ? (
|
||||||
<Jumbotron>
|
<Jumbotron>
|
||||||
<Image alt="vault" src="/vault.png" />
|
<Image alt="vault" src="/vault.png" />
|
||||||
<Button variant="primary" onClick={props.openFileUploader}>
|
<Button variant="success" onClick={props.openFileUploader}>
|
||||||
{constants.UPLOAD_FIRST_PHOTO}
|
{constants.UPLOAD_FIRST_PHOTO}
|
||||||
</Button>
|
</Button>
|
||||||
</Jumbotron>
|
</Jumbotron>
|
||||||
|
|
|
@ -89,7 +89,7 @@ export default function Home() {
|
||||||
</FormControl.Feedback>
|
</FormControl.Feedback>
|
||||||
</Form.Group>
|
</Form.Group>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="success"
|
||||||
type="submit"
|
type="submit"
|
||||||
block
|
block
|
||||||
disabled={loading}
|
disabled={loading}
|
||||||
|
|
|
@ -106,7 +106,7 @@ export default function Home() {
|
||||||
{constants.DATA_DISCLAIMER}
|
{constants.DATA_DISCLAIMER}
|
||||||
</DisclaimerContainer>
|
</DisclaimerContainer>
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="success"
|
||||||
type="submit"
|
type="submit"
|
||||||
block
|
block
|
||||||
disabled={loading}
|
disabled={loading}
|
||||||
|
|
Loading…
Reference in a new issue