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 { .discard-hand {
background-color: var(--background3); background-color: var(--trash-button-background);
border-radius: 100% 0 0 0; border-radius: 100% 0 0 0;
position: relative; position: relative;
border-style: none; border-style: none;

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

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

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

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

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

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