-
SCSS-formProject using node.js/Cloning Youtube 2020. 9. 2. 11:46
partials/form.scss
.form-container { display: flex; flex-direction: column; align-items: center; font-size: 20px; width: 100%; .record-container { width: 100%; max-width: 320px; margin-bottom: 15px; video { background-color: #6f6f6f; width: 100%; margin-bottom: 20px; } button { margin: 5px 0; } } form { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 320px; margin-bottom: 20px; img { margin-bottom: 10px; } input:not([type='file']), textarea, .fileUpload { width: 100%; font-size: 16px; font-weight: 400; border: none; border-radius: 7px; background-color: white; resize: none; padding: 10px 5px; margin: 15px 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); label { font-weight: 300; margin-right: 10px; } } input[type='submit'] { background-color: #3498db; color: white; cursor: pointer; } } a { width: 100%; max-width: 320px; } .delete-btn { background-color: #ea232c; } }
View
http://localhost:5002/join 참고 자료
소스 코드
https://github.com/zpskek/wetube-v3/commit/88c90e50900a8fddca5adfdba7468ba863bea7ee
'Project using node.js > Cloning Youtube' 카테고리의 다른 글
SCSS-userDetail (0) 2020.09.02 SCSS-socialLogin (0) 2020.09.02 SCSS - home (0) 2020.09.02 SCSS-videoBlock (0) 2020.09.02 SCSS-footer (0) 2020.09.02