fred.boniface/fjla-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add shadow

Browse Source
This commit is contained in:
Fred Boniface 2025-07-21 00:18:57 +01:00
parent bd215391c9
commit cd9b990751
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/buttons/Login.svelte
View File

@ -6,12 +6,12 @@
}
</script>
<button on:click={handleLogin} class="keycloak">
<button on:click={handleLogin} class="login-keycloak">
Login with FJLA
</button>
<style>
.keycloak {
.login-keycloak {
width: 70%;
height: 35px;
border: none;
@ -21,9 +21,12 @@
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 15px;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* subtle base shadow */
transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.keycloak:hover {
background-color: rgb(52, 52, 252);
.login-keycloak:hover {
background-color: rgb(0, 0, 193);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); /* stronger shadow on hover */
}
</style>