make hotkeys bigger

This commit is contained in:
geoffrey45
2022-10-08 16:39:52 +03:00
committed by Mungai Njoroge
parent ed7f26c12b
commit bb66ba70b3
3 changed files with 6 additions and 8 deletions
+1 -2
View File
@@ -193,12 +193,11 @@ const settings = useSettingsStore();
} }
.buttons { .buttons {
height: 3.25rem; height: 100%;
margin-top: -$smaller; margin-top: -$smaller;
background-color: rgba(255, 255, 255, 0.048); background-color: rgba(255, 255, 255, 0.048);
display: grid; display: grid;
place-items: center; place-items: center;
padding: 0 $small;
} }
} }
+4 -4
View File
@@ -26,14 +26,14 @@ const q = useQStore();
<style lang="scss"> <style lang="scss">
.hotkeys { .hotkeys {
display: grid; display: grid;
grid-template-columns: 2rem 4rem 2rem; grid-template-columns: 4rem 4rem 4rem;
gap: 1rem; height: 100%;
width: 100%;
button { button {
height: 2rem; height: 100%;
padding: 0; padding: 0;
background: none; background: none;
border-radius: 0;
&:hover { &:hover {
background: $darkestblue; background: $darkestblue;
+1 -2
View File
@@ -21,8 +21,7 @@ const pStore = usePStore();
<style lang="scss"> <style lang="scss">
#p-view { #p-view {
scrollbar-color: $gray2 transparent; padding-bottom: $content-padding-bottom;
padding-bottom: 4rem;
height: 100%; height: 100%;
overflow: auto; overflow: auto;