me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle cookie notice button

Browse Source
This commit is contained in:
Matthew Grove
2021-09-01 20:19:04 +01:00
parent 5e99f8beae
commit fdadac9a3d
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.css
View File

@@ -289,7 +289,7 @@ label, p, input[type=text], main > span, main div > span {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
column-gap: 12px; column-gap: 16px;
padding: 16px 24px; padding: 16px 24px;
background-color: var(--primary-color); background-color: var(--primary-color);
text-align: center; text-align: center;
@@ -303,6 +303,16 @@ label, p, input[type=text], main > span, main div > span {
color: inherit; color: inherit;
} }
.cookie-notice > .button {
background-color: var(--text-color);
color: var(--primary-color);
padding: 6px;
}
.cookie-notice > .button svg {
width: 48px;
}
.cookie-notice > .button:hover { .cookie-notice > .button:hover {
color: var(--text-color-tinted); color: var(--text-color-tinted);
} }

6
src/App.js
View File

@@ -17,7 +17,7 @@ import History from "./History";
import TermsOfService from "./TermsOfService"; import TermsOfService from "./TermsOfService";
import PrivacyPolicy from "./PrivacyPolicy"; import PrivacyPolicy from "./PrivacyPolicy";
import Button from "./Button"; import Button from "./Button";
import { CheckCircleOutlineRounded as CheckCircleOutlineRoundedIcon } from "@material-ui/icons"; import { CheckRounded as CheckRoundedIcon } from "@material-ui/icons";
import Cookies from 'universal-cookie'; import Cookies from 'universal-cookie';
@@ -264,8 +264,8 @@ class App extends React.Component {
</div> </div>
<Button <Button
onClick={this.acceptCookies} onClick={this.acceptCookies}
icon={<CheckCircleOutlineRoundedIcon/>} icon={<CheckRoundedIcon/>}
className="button--round button--no-background" className="button--round"
></Button> ></Button>
</div> </div>
</Router> </Router>