phlaym/moshing-mammut
1
0
Fork 0
Code Issues 5 Pull Requests Projects Releases 8 Activity

Improved button legibility

Browse Source
This commit is contained in:
Max Nuding 2023-04-06 18:29:05 +02:00
parent a273c8de4b
commit c16bfd9c82
Signed by: phlaym
GPG Key ID: A06651BAB6777237
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/LoadMoreComponent.svelte
View File

@ -35,6 +35,8 @@
color: var(--color-button-text); color: var(--color-button-text);
cursor: grab; cursor: grab;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
font-size: large;
font-weight: bold;
} }
button:hover:not(:disabled) { button:hover:not(:disabled) {
@ -42,7 +44,7 @@
} }
button:hover:not(:disabled):not(:active) { button:hover:not(:disabled):not(:active) {
box-shadow: 4px 4px 3px 0 var(--color-button-shadow); box-shadow: 6px 6px 5px 0 var(--color-button-shadow);
translate: -2px -2px; translate: -2px -2px;
} }
@ -52,6 +54,6 @@
} }
button:not(:disabled) { button:not(:disabled) {
box-shadow: 2px 2px 1px 0 var(--color-button-shadow); box-shadow: 4px 4px 2px 0 var(--color-button-shadow);
} }
</style> </style>