ION_Archive/static-site-hosting
1
0
Fork 0
mirror of https://github.com/ION606/static-site-hosting.git synced 2026-05-14 22:16:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

added mobile layout

Browse Source
This commit is contained in:
ION606
2025-02-17 22:18:29 -05:00
parent 6d3cc0c3bc
commit cf6922c77a
3 changed files with 104 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/styles.css
+31 -11
View File
@@ -319,24 +319,44 @@ button:hover,
}
#editor-container {
width: 100%;
height: 400px;
border: 1px solid #ddd;
margin-top: 20px;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transform: translateY(-100%);
opacity: 0;
display: none; /* Initially hidden */
width: 100%;
height: 400px;
border: 1px solid #ddd;
margin-top: 20px;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transform: translateY(-100%);
opacity: 0;
display: none;
/* Initially hidden */
}
#editor-container.visible {
transform: translateY(0);
opacity: 1;
display: block; /* Display when visible */
transform: translateY(0);
opacity: 1;
display: block;
/* Display when visible */
}
@media (max-width: 768px) {
.file-grid {
grid-template-columns: repeat(2, 1fr);
}
.container {
padding: 10px;
}
.navbar {
flex-direction: column;
align-items: flex-start;
}
.navbar a {
margin: 5px 0;
}
.site-card {
padding: 15px;
margin-bottom: 10px;
}
}