sageTheDm/interstellar_ai
1
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

New Documentation

Browse source
This commit is contained in:
sageTheDM 2024-10-09 15:28:03 +02:00
parent f0d2e07acf
commit dd00c15f34
6 changed files with 855 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

28
app/styles/responsive.css
View file

@ -129,7 +129,7 @@
.header-login-button {
right: 5vh; /* Keep login button visible */
}
.show-hide-btn{
.show-hide-btn {
width: fit-content;
left: 20vw;
}
@ -137,7 +137,7 @@
background-image: url(../../public/img/logo-small.png);
width: 4em;
}
.sidebar{
.sidebar {
width: 0%;
display: none;
}
@ -146,14 +146,13 @@
margin: auto;
padding: auto;
}
.dropdown{
.dropdown {
display: flex;
position: relative;
top: 10px;
display: block;
}
.slider-option{
.slider-option {
width: fit-content;
margin: 10px 10px 0 0;
}
@ -165,3 +164,22 @@
flex-direction: column; /* Stack sidebar and main content on smaller screens */
}
}
/* Optional: Add media query for responsive adjustments */
@media (max-width: 600px) {
.documentation-section {
padding: 1.5rem; /* Decrease padding for smaller screens */
}
.title {
font-size: 2em; /* Adjust title size */
}
.subtitle {
font-size: 1.5em; /* Adjust subtitle size */
}
.paragraph {
font-size: 1em; /* Adjust paragraph size */
}
}