Implemented first version of pictures tab
This commit is contained in:
4
main.js
4
main.js
@ -69,9 +69,9 @@ function switchTab(tabID, playAnimation=true) {
|
|||||||
|
|
||||||
// Show selected tab
|
// Show selected tab
|
||||||
if (playAnimation) {
|
if (playAnimation) {
|
||||||
setTimeout(() => { tab.style.display = 'unset'; }, tabTransitionTime);
|
setTimeout(() => { tab.style.display = null; }, tabTransitionTime);
|
||||||
} else {
|
} else {
|
||||||
tab.style.display = 'unset';
|
tab.style.display = null;
|
||||||
}
|
}
|
||||||
// Required for animation to play
|
// Required for animation to play
|
||||||
let intervalID = setInterval(() => {
|
let intervalID = setInterval(() => {
|
||||||
|
|||||||
16
styles.css
16
styles.css
@ -86,6 +86,22 @@ footer > div > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#tab-pics {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tab-pics > * {
|
||||||
|
margin: 10px;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 50vw;
|
||||||
|
max-height: 50vh;
|
||||||
|
object-fit: scale-down;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|||||||
Reference in New Issue
Block a user