mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 05:08:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add focused outline to a, button, input, select

Browse source
This commit is contained in:
Denevola 2022-09-26 02:39:10 +09:00
parent 4d8d7dbfc5
commit ce8c189fde
4 changed files with 39 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Modal.vue
View file

@ -95,15 +95,25 @@ watch(show, n => {
}
.modal-buttons button:first-child {
color: indianred;
}
.modal-buttons button:first-child,
.modal-buttons button:first-child:focus {
border-bottom-left-radius: 0.5rem;
}
.modal-buttons button:last-child {
border: none;
}
.modal-buttons button:last-child,
.modal-buttons button:last-child:focus {
border-bottom-right-radius: 0.5rem;
}
.modal-buttons button:hover {
background-color: var(--color-background-mute);
}
.modal-buttons button:focus {
background-color: var(--color-background-mute);
border-radius: 0;
}
.modal-buttons button:active {
background-color: var(--color-border);
}

1
src/components/Prefs.vue
View file

@ -279,7 +279,6 @@ input {
font-size: 1rem;
margin: 1rem auto;
padding: 0.5rem 0.75rem;
outline: none;
border: none;
color: var(--color-text);
max-width: 20rem;