/
rxeev
/
react_schools
Обзор
Документация
Войти
/
rxeev
/
react_schools
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/TopContent.vue
79 строк
1 KB
Rxeeb
календарь без API
05 ноя 2025, 19:44
05 ноя 2025, 19:44
540bb55
Код
Авторство
О чём код?
<script setup> import Search from './Search.vue' import UploadFile from './UploadFile.vue' defineProps({ title: String, }) </script> <template> <div class="container-top"> <div class="left-block"> <h4>{{ title }}</h4> </div> <div class="right-block"> <Search /> <UploadFile /> </div> </div> </template> <style scoped> .container-top { display: flex; justify-content: space-between; width: auto; } .left-block { font-weight: 700; font-style: Bold; font-size: 32px; line-height: 120%; letter-spacing: 0%; } .right-block { display: flex; align-items: center; gap: 1rem; } .search-block { position: relative; } .search { border: 1px solid rgba(211, 211, 222, 1); width: 300px; height: 56px; padding-left: 20px; border-radius: 10px; font-family: Inter; font-weight: 400; font-style: Regular; font-size: 16px; line-height: 130%; letter-spacing: 0px; vertical-align: middle; outline: none; } .img-search { position: absolute; right: 20px; top: 20px; } @media screen and (max-width: 600px) { .container-top { display: flex; flex-direction: column; margin-bottom: 5px; } .right-block { flex-direction: column; } .left-block { display: none; } } </style>