mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-06-16 12:35:02 +00:00
b4d137cb92
# Description of Changes Please provide a summary of the changes, including: Closes #3397 --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [x] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR)       ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md#6-testing) for more details.
60 lines
1.5 KiB
CSS
60 lines
1.5 KiB
CSS
#footer {
|
|
display: flex;
|
|
flex-direction: column; /* Stack children vertically */
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.footer-center {
|
|
display: flex;
|
|
align-items: center; /* Center children horizontally */
|
|
flex-grow: 1;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.footer-powered-by {
|
|
margin-top: auto; /* Pushes the text to the bottom */
|
|
text-align: center; /* Centers the text inside the div */
|
|
width: 100%; /* Full width to center the text properly */
|
|
}
|
|
.stirling-link {
|
|
text-decoration: none; /* Remove the underline */
|
|
color: inherit; /* Keep the text color the same as the surrounding text */
|
|
cursor: pointer; /* Change the cursor to indicate it's clickable */
|
|
font-weight: bold; /* Make it bold to subtly hint that it's clickable */
|
|
transition: color 0.3s ease; /* Add a smooth transition effect for color change on hover */
|
|
}
|
|
|
|
.stirling-link:hover {
|
|
color: #007BFF; /* Change the color on hover to a noticeable link color */
|
|
}
|
|
.footer-icon {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.footer-link {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.footer-link-list {
|
|
display: flex;
|
|
flex-direction: row; /* Align links in a row */
|
|
}
|
|
|
|
/* Responsive styles for smaller screens */
|
|
@media (max-width: 650px) {
|
|
.footer-link {
|
|
font-size: 0.8rem; /* Adjust font size for smaller screens */
|
|
}
|
|
}
|
|
|
|
@media (max-width: 550px) {
|
|
.footer-link {
|
|
font-size: 1rem; /* Adjust font size for smaller screens */
|
|
}
|
|
.footer-link-list{
|
|
flex-direction: column; /* Stack links vertically on smaller screens */
|
|
}
|
|
} |