3 lines
3.7 KiB
CSS
3 lines
3.7 KiB
CSS
.catalogue-search-panel{margin-bottom:14px;padding:12px;border:1px solid #dce5ef;border-radius:11px;background:#fff}.catalogue-search-box{display:flex;height:42px;align-items:center;gap:10px;padding:0 12px;border:1px solid #d5dfeb;border-radius:8px;color:#718096}.catalogue-search-box:focus-within{border-color:#74acf0;box-shadow:0 0 0 3px rgba(8,113,239,.1)}.catalogue-search-box input{width:100%;border:0;outline:0;color:#243750;background:transparent;font:inherit;font-size:.75rem}.catalogue-part-filters{display:flex;align-items:center;gap:4px;margin-top:9px;color:#607089;font-size:.66rem}.catalogue-part-filters span{margin-right:3px}.catalogue-part-filters button{padding:5px 9px;border:0;border-radius:6px;color:#56667d;background:#f4f7fb;font:inherit;font-size:.65rem;cursor:pointer}.catalogue-part-filters button.is-active{color:#0871ef;background:#eaf3ff;font-weight:700}.catalogue-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.catalogue-compact-card{display:flex;min-width:0;min-height:112px;align-items:center;gap:12px;padding:15px;border:1px solid #dce5ef;border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(16,33,62,.025)}.catalogue-compact-card:hover{border-color:#b8d4f6;box-shadow:0 9px 22px rgba(16,92,205,.08)}.catalogue-compact-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:9px;color:#0871ef;background:#eaf3ff;font-size:1rem}.catalogue-compact-body{min-width:0;flex:1}.catalogue-compact-body h3{overflow:hidden;margin:0 0 7px;font-size:.76rem;line-height:1.4;text-overflow:ellipsis}.catalogue-compact-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.catalogue-compact-tags>span,.catalogue-compact-tags>b{padding:3px 6px;border-radius:9px;color:#0871ef;background:#eaf3ff;font-size:.51rem;font-style:normal;font-weight:700;text-transform:uppercase}.catalogue-compact-tags>b{color:#176b78;background:#e7f4f7}.catalogue-compact-tags em{color:#7d8999;font-size:.54rem;font-style:normal}.catalogue-compact-tags em.is-complete{color:#168d4a}.catalogue-compact-tags em.is-progress{color:#bd6816}.catalogue-compact-body p{margin:7px 0 0;color:#758398;font-size:.57rem}.catalogue-compact-body p i{margin-right:3px;color:#0871ef}.catalogue-compact-body p span{margin:0 3px}.catalogue-compact-action{display:grid;width:30px;height:40px;flex:0 0 30px;place-items:center;color:#607089;text-decoration:none}.catalogue-compact-action:hover{color:#0871ef}.catalogue-search-empty{padding:35px;border:1px solid #dce5ef;border-radius:11px;background:#fff;text-align:center}.catalogue-search-empty i,.catalogue-search-empty strong,.catalogue-search-empty span{display:block}.catalogue-search-empty i{margin-bottom:7px;color:#0871ef;font-size:1.1rem}.catalogue-search-empty strong{font-size:.8rem}.catalogue-search-empty span{margin-top:4px;color:#7b899c;font-size:.65rem}@media(max-width:1180px){.catalogue-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.catalogue-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.catalogue-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalogue-grid--compact{grid-template-columns:1fr}.catalogue-search-panel{padding:10px}.catalogue-compact-card{min-height:98px;padding:13px}.catalogue-compact-icon{width:40px;height:40px;flex-basis:40px}}
|
|
.catalogue-compact-card{position:relative}.catalogue-premium-mark{position:absolute;top:8px;right:9px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:7px;color:#7b4d08;background:#fff2d5;font-size:.49rem;font-weight:750}.catalogue-compact-action.is-locked{color:#7b4d08;background:#fff5df}.catalogue-compact-action.is-locked:hover{color:#5d3903;background:#ffe9b5}
|