gcam-port-finder/dist/index.css

A React component to help users find relevant GCam ports for their smartphones

.gcam-port-finder-container{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:20px}.theme-light{background-color:#fff;color:#333}.theme-dark{background-color:#222;color:#f1f1f1}.theme-dark button,.theme-dark input{background-color:#333;border-color:#444;color:#f1f1f1}.gcam-port-finder-title{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.gcam-search-container{display:flex;margin-bottom:15px}.gcam-search-input{border:1px solid #ddd;border-radius:4px;flex:1;font-size:16px;outline:none;padding:12px 15px}.gcam-search-input:focus{border-color:#4caf50}.gcam-search-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-left:10px;padding:12px 20px;transition:background-color .2s}.gcam-search-button:hover{background-color:#3e8e41}.gcam-install-guide-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;padding:12px 20px;transition:background-color .2s;width:100%}.gcam-install-guide-button:hover{background-color:#3e8e41}.gcam-brand-title{font-size:18px;font-weight:500;margin:20px 0 15px;text-align:center}.gcam-brand-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.gcam-brand-item{background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.theme-dark .gcam-brand-item{background-color:#333;border-color:#444}.gcam-brand-item:hover{background-color:#e0e0e0}.theme-dark .gcam-brand-item:hover{background-color:#444}.gcam-brand-item.selected{color:#fff}.gcam-brand-item.selected,.theme-dark .gcam-brand-item.selected{background-color:#4caf50;border-color:#4caf50}.gcam-loading{padding:20px}.gcam-loading,.gcam-no-results{color:#777;font-size:16px;text-align:center}.gcam-no-results{border:1px dashed #ddd;border-radius:4px;margin-top:20px;padding:30px}.gcam-results-container{margin-top:20px}.gcam-results-title{font-size:20px;font-weight:500;margin-bottom:15px}.gcam-results-list{display:flex;flex-direction:column;gap:15px}.gcam-result-item{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:transform .2s,box-shadow .2s}.theme-dark .gcam-result-item{border-color:#444}.gcam-result-item:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.theme-dark .gcam-result-item:hover{box-shadow:0 5px 15px rgba(0,0,0,.3)}.gcam-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.gcam-result-title{font-size:18px;font-weight:500;margin:0}.gcam-result-version{background-color:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.gcam-result-details{display:grid;font-size:14px;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.gcam-result-details .label{color:#777;margin-right:5px}.gcam-result-actions{display:flex;gap:10px}.gcam-download-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1;font-weight:500;padding:8px 15px;transition:background-color .2s}.gcam-download-button:hover{background-color:#3e8e41}.gcam-details-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;flex:1;font-weight:500;padding:8px 15px;transition:background-color .2s}.theme-dark .gcam-details-button{background-color:#333;border-color:#444;color:#f1f1f1}.gcam-details-button:hover{background-color:#e0e0e0}.theme-dark .gcam-details-button:hover{background-color:#444}.gcam-install-guide-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.gcam-install-guide-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 30px rgba(0,0,0,.3);max-height:90vh;max-width:600px;overflow-y:auto;padding:25px;position:relative;width:100%}.theme-dark .gcam-install-guide-content{background-color:#222;color:#f1f1f1}.gcam-install-guide-close{align-items:center;background:none;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:10px;width:30px}.gcam-install-guide-close:hover{background-color:#f1f1f1}.theme-dark .gcam-install-guide-close:hover{background-color:#333}.gcam-install-guide-steps{margin-top:20px}.gcam-install-step{margin-bottom:20px}.gcam-install-step h3{color:#4caf50;font-size:18px;margin-bottom:8px}.gcam-install-step p{color:#555;font-size:15px;line-height:1.5;margin:0}.theme-dark .gcam-install-step p{color:#ccc}.gcam-install-note{background-color:#f9f9f9;border-left:4px solid #4caf50;border-radius:0 4px 4px 0;margin-top:30px;padding:15px}.theme-dark .gcam-install-note{background-color:#333;border-left-color:#4caf50}.gcam-install-note h3{color:#4caf50;font-size:16px;margin-bottom:10px;margin-top:0}.gcam-install-note ul{margin:0;padding-left:20px}.gcam-install-note li{font-size:14px;line-height:1.5;margin-bottom:5px}@media (max-width:600px){.gcam-port-finder-container{padding:15px}.gcam-search-container{flex-direction:column}.gcam-search-button{margin-left:0;margin-top:10px}.gcam-result-details{grid-template-columns:1fr}}