Добавил:
qwerty12vghjmfh3456
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:img_classifier / style
.css body{
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.container{
width: 60%;
cursor: pointer;
position: relative;
height: 70vh;
padding-top:20px;
}
.container img{
object-fit: contain;
max-height: 100%;
}
.container p{
position: absolute;
background-color: #000;
color: #fff;
border: 1px solid #fff;
z-index: 1;
font-size: 1rem;
}
.innerSquare{
border: 1px solid #fff;
z-index: 1;
position: absolute;
}
.control_block{
display: flex;
flex-direction: row;
padding:30px;
justify-content: center;
background-color: rgb(223, 215, 215);
}
label{
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 20px;
}
button{
width: 50px;
height: 50px;
margin:20px;
font-size: 18px;
font-weight: 300;
background-color: #fff;
/* убрать тени у кнопки, сделать просто черную рамку */
border: 1px solid rgb(46, 46, 46);
border-radius: 5px;
}
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.container{
width: 60%;
cursor: pointer;
position: relative;
height: 70vh;
padding-top:20px;
}
.container img{
object-fit: contain;
max-height: 100%;
}
.container p{
position: absolute;
background-color: #000;
color: #fff;
border: 1px solid #fff;
z-index: 1;
font-size: 1rem;
}
.innerSquare{
border: 1px solid #fff;
z-index: 1;
position: absolute;
}
.control_block{
display: flex;
flex-direction: row;
padding:30px;
justify-content: center;
background-color: rgb(223, 215, 215);
}
label{
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 20px;
}
button{
width: 50px;
height: 50px;
margin:20px;
font-size: 18px;
font-weight: 300;
background-color: #fff;
/* убрать тени у кнопки, сделать просто черную рамку */
border: 1px solid rgb(46, 46, 46);
border-radius: 5px;
}
Соседние файлы в папке img_classifier