48 lines
657 B
CSS
48 lines
657 B
CSS
|
#album_photos {
|
||
|
|
display: flex;
|
||
|
|
gap: 1rem;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
background-color: lightblue;
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
#album_photos img {
|
||
|
|
width: 200px;
|
||
|
|
height: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#selected_photos {
|
||
|
|
display: flex;
|
||
|
|
gap: 1rem;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
background-color: lightyellow;
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
#selected_photos img {
|
||
|
|
width: 100px;
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.controls {
|
||
|
|
background-color: lightgrey;
|
||
|
|
display: flex;
|
||
|
|
gap: 1rem;
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
#album_selector {
|
||
|
|
width: 400px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.current {
|
||
|
|
border: 5px solid;
|
||
|
|
border-color: red;
|
||
|
|
}
|