refactor: rename project from wedding-photo-sharing to PicPeak
- Update Docker image names and network configurations - Rename package.json project names to picpeak-backend/frontend - Update CI/CD configurations (Drone CI and GitHub Actions) - Update documentation and setup scripts - Update application branding in source code - Change default database name to picpeak - Update PM2 ecosystem config 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
This commit is contained in:
+75
-18
@@ -186,38 +186,95 @@
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* Custom range slider styles */
|
||||
.slider {
|
||||
/* Custom range slider styles - Updated */
|
||||
input[type="range"].slider {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
background: #d4d4d4 !important;
|
||||
border-radius: 4px;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slider::-webkit-slider-track {
|
||||
@apply bg-neutral-200 h-2 rounded-lg;
|
||||
/* Webkit browsers like Chrome/Safari */
|
||||
input[type="range"].slider::-webkit-slider-track {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
background: #d4d4d4 !important;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.slider::-moz-range-track {
|
||||
@apply bg-neutral-200 h-2 rounded-lg;
|
||||
}
|
||||
|
||||
.slider::-webkit-slider-thumb {
|
||||
input[type="range"].slider::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
@apply bg-primary-600 h-5 w-5 rounded-full cursor-pointer transition-all;
|
||||
margin-top: -6px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #5C8762;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
margin-top: -6px; /* Center the thumb vertically */
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.slider::-moz-range-thumb {
|
||||
@apply bg-primary-600 h-5 w-5 rounded-full cursor-pointer transition-all border-0;
|
||||
input[type="range"].slider::-webkit-slider-thumb:hover {
|
||||
background: #4a6f4f;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.slider:hover::-webkit-slider-thumb {
|
||||
@apply bg-primary-700 scale-110;
|
||||
/* Firefox */
|
||||
input[type="range"].slider::-moz-range-track {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
background: #d4d4d4 !important;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.slider:hover::-moz-range-thumb {
|
||||
@apply bg-primary-700 scale-110;
|
||||
input[type="range"].slider::-moz-range-thumb {
|
||||
border: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #5C8762;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
input[type="range"].slider::-moz-range-thumb:hover {
|
||||
background: #4a6f4f;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* IE/Edge */
|
||||
input[type="range"].slider::-ms-track {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
input[type="range"].slider::-ms-fill-lower {
|
||||
background: #d4d4d4;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
input[type="range"].slider::-ms-fill-upper {
|
||||
background: #d4d4d4;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
input[type="range"].slider::-ms-thumb {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #5C8762;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user