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
|
||||
if (playAnimation) {
|
||||
setTimeout(() => { tab.style.display = 'unset'; }, tabTransitionTime);
|
||||
setTimeout(() => { tab.style.display = null; }, tabTransitionTime);
|
||||
} else {
|
||||
tab.style.display = 'unset';
|
||||
tab.style.display = null;
|
||||
}
|
||||
// Required for animation to play
|
||||
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 {
|
||||
display: inline-flex;
|
||||
padding: 5px;
|
||||
|
||||
Reference in New Issue
Block a user