@anoki/fse-ui/dist/components/ui/OperatorListSkeleton/OperatorListSkeleton.css

FSE UI components library

.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.operator-list-skeleton{width:100%;display:flex;flex-direction:column;gap:16px}.operator-skeleton-search-header{background-color:#f8f9fa;border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.operator-skeleton-title{height:24px;width:150px;background-color:#e9ecef;border-radius:4px}.operator-skeleton-subtitle{height:16px;width:100px;background-color:#e9ecef;border-radius:4px}.operator-skeleton-pagination-top{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.operator-skeleton-page-size{height:36px;width:180px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-results-text{height:16px;width:150px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-reset{margin-left:auto;height:16px;width:100px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-sort{height:36px;width:160px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-actions-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-radius:4px;margin-bottom:16px;flex-wrap:wrap}.operator-skeleton-switch{height:24px;width:150px;background-color:#e9ecef;border-radius:12px}.operator-skeleton-exports{display:flex;gap:16px}.operator-skeleton-export{height:20px;width:100px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-list{display:flex;flex-direction:column;gap:16px}.operator-skeleton-card{border:1px solid #e9ecef;border-radius:8px;background-color:#fff;overflow:hidden}.operator-skeleton-card-header{padding:16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #f8f9fa}.operator-skeleton-name{height:20px;width:180px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-id{height:14px;width:250px;background-color:#f0f0f0;border-radius:4px}.operator-skeleton-card-body{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.operator-skeleton-card-body{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.operator-skeleton-card-body{grid-template-columns:1fr}}.operator-skeleton-col{display:flex;flex-direction:column;gap:6px}.operator-skeleton-label{height:12px;width:80%;background-color:#f0f0f0;border-radius:2px}.operator-skeleton-value{height:14px;width:60%;background-color:#e9ecef;border-radius:2px}.operator-skeleton-card-footer{padding:12px 16px;background-color:#f8f9fa;display:flex;justify-content:center}.operator-skeleton-accordion{height:16px;width:120px;background-color:#e9ecef;border-radius:4px}.operator-skeleton-pagination-bottom{display:flex;justify-content:center;padding:24px 0}.operator-skeleton-pagination-pages{height:32px;width:300px;background-color:#f0f0f0;border-radius:4px}