@yemredurur/feedback-app/dist/index.css

This project is a feedback system for websites. It enables customers to provide feedback and saves it to Firebase.

.icon-button{position:absolute;bottom:2%;right:2%;border:none;background:none;cursor:pointer}.close-button{border:none;background:none;cursor:pointer;margin-left:auto}.primary-button{width:100%;background-color:#ff6720;border:none;color:#fff;padding:16px;border-radius:4px;margin-top:auto;cursor:pointer;font-weight:700;font-size:16px;display:flex;justify-content:center}.primary-button:hover{background-color:#b84f0a}.primary-button-disabled{background-color:#999;cursor:no-drop}.primary-button-disabled:hover{background-color:#999}.animate-spin{animation:spin 1s linear infinite;padding:0 5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.modal{background-color:#fff;padding:20px;border-radius:4px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;min-height:300px;box-sizing:border-box}.modal-title{font-size:20px;font-weight:700;text-align:center}.textarea-box{width:100%;border:1px solid #ccc;border-radius:4px;outline:none;min-height:120px;box-sizing:border-box;vertical-align:top;text-align:left;padding:10px;resize:none;margin-top:20px}.info-content{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;margin-top:20%}.info-content-text{-webkit-user-select:none;user-select:none;text-align:center;margin-top:20%}.info-content-text-success{color:#4bb543}.info-content-text-error{color:#f33}.modal-text-left-counter{text-align:right;margin:10px 0;width:100%;display:block}