Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Make the corner button styles apply to the buttons

Browse source
This commit is contained in:
Oliver-Akins 2021-03-20 15:04:36 -06:00
parent 6a2f0e8c3c
commit 74d1eac0c6
4 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/DiscardHandButton.vue
View file

@ -91,7 +91,7 @@ button {
}
.discard-hand {
background-color: var(--background3);
background-color: var(--trash-button-background);
border-radius: 100% 0 0 0;
position: relative;
border-style: none;

4
web/src/components/ObjectReminder.vue
View file

@ -26,8 +26,8 @@ export default {
@import "../css/style.css";
#ObjectReminder {
background-color: var(--background3);
color: var(--background3-text);
background-color: var(--object-reminder-background);
color: var(--object-reminder-text);
border-radius: 100% 0 0 0;
height: var(--size);
width: var(--size);

2
web/src/components/TeamReminder.vue
View file

@ -75,7 +75,7 @@ export default {
@import "../css/style.css";
#TeamReminder > .container {
background-color: var(--background3);
background-color: var(--team-reminder-background);
border-radius: 0 100% 0 0;
height: var(--size);
width: var(--size);

3
web/src/css/theme.css
View file

@ -93,8 +93,9 @@
--cancel-background-lighten: #fa7d7d;
--cancel-text: white;
/* Trash button */
/* Corner buttons */
--trash-button-background: var(--background2);
--team-reminder-background: var(--background2);
--object-reminder-background: var(--background2);
--object-reminder-text: var(--background2-text);
}