dereklseitz/dlseitz.dev-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: dereklseitz:5056d5f5c76616408ab6fed130c676a9be7c1a2e
Branches Tags
dereklseitz:main
..
compare: dereklseitz:b2ceb8a33f18a28448512ff0d46b6947b2ad0c85
Branches Tags
dereklseitz:main

2 Commits
5056d5f5c7 ... b2ceb8a33f

Author SHA1 Message Date
dereklseitz
b2ceb8a33f feat: add box-shadow to all cta/submit/reset buttons 2025-09-07 18:03:56 -05:00
dereklseitz
9680a4936c feat: Add box-shadow to "View Source Code" button 2025-09-07 17:50:41 -05:00
4 changed files with 8 additions and 4 deletions
Expand all files Collapse all files

2
src/styles/about.css
View File

@@ -234,11 +234,13 @@ button[type="submit"], button[type="reset"] {
border-radius: 50px; border-radius: 50px;
font-size: 1rem; font-size: 1rem;
cursor: pointer; cursor: pointer;
box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
button[type="submit"]:hover, button[type="reset"]:hover { button[type="submit"]:hover, button[type="reset"]:hover {
background-color: #2e97be; background-color: #2e97be;
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
} }
.honeypot-field { .honeypot-field {

3
src/styles/demos.css
View File

@@ -83,13 +83,14 @@ h3 {
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
border-radius: 50px; border-radius: 50px;
box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
transition: background-color 0.3s ease, box-shadow 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease;
} }
.demo-link:hover, .demo-link:hover,
.demo-repo:hover { .demo-repo:hover {
background-color: var(--primary-color); background-color: var(--primary-color);
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
} }
/* Responsive tweaks */ /* Responsive tweaks */

2
src/styles/header-footer.css
View File

@@ -29,7 +29,7 @@
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: 500;
transition: all 0.3s ease; transition: all 0.3s ease;
padding: 8px 15px; padding: 4px 15px;
border-radius: 5px; border-radius: 5px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;

5
src/styles/index.css
View File

@@ -285,18 +285,19 @@ body {
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
border-radius: 50px; border-radius: 50px;
box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
transition: background-color 0.3s ease, box-shadow 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease;
} }
.demos-link:hover, .demos-link:hover,
.cta-button:hover { .cta-button:hover {
background-color: #2e97be; background-color: #2e97be;
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
} }
.demos-link:active, .cta-button:active { .demos-link:active, .cta-button:active {
background-color: #ca6e0b; background-color: #ca6e0b;
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
} }
.project-steps { .project-steps {