55 lines
780 B
CSS
55 lines
780 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;
|
|
}
|
|
|
|
#notice_dialog button {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
margin-left: 1rem;
|
|
margin-right: 1rem;
|
|
}
|