2 lines
3.1 KiB
CSS
2 lines
3.1 KiB
CSS
.icon-picker[data-v-4c234e6a]{width:100%}.icon-trigger[data-v-4c234e6a]{width:100%;display:flex;align-items:center;justify-content:flex-start}.icon-picker-content[data-v-4c234e6a]{height:100%;display:flex;flex-direction:column;overflow:hidden}.drawer-footer[data-v-4c234e6a]{display:flex;justify-content:flex-end;gap:12px;padding-top:16px}.search-section[data-v-4c234e6a]{margin-bottom:20px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.search-controls[data-v-4c234e6a]{display:flex;align-items:center;gap:12px}.icon-count[data-v-4c234e6a]{font-size:14px;color:#666;white-space:nowrap}.loading-text[data-v-4c234e6a]{color:#18a058;margin-left:8px}.icon-grid[data-v-4c234e6a]{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:10px}.icon-item[data-v-4c234e6a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center;background-color:#fff;height:100px;min-height:100px;position:relative}.icon-item[data-v-4c234e6a]:hover{border-color:#18a058;box-shadow:0 2px 8px #18a0581a;transform:translateY(-2px)}.icon-item.active[data-v-4c234e6a]{border-color:#18a058;background-color:#e6f7ed;box-shadow:0 0 0 2px #18a05833}.icon-wrapper[data-v-4c234e6a]{margin-bottom:8px;color:#333;flex-shrink:0}.icon-wrapper svg[data-v-4c234e6a]{width:32px!important;height:32px!important}.icon-name[data-v-4c234e6a]{font-size:12px;color:#666;word-break:break-all;line-height:1.2;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.copy-button[data-v-4c234e6a]{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:11px;font-weight:500;background:rgba(255,255,255,.95);border:1px solid #ddd;border-radius:3px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.copy-button[data-v-4c234e6a]:hover{background:#18a058;border-color:#18a058;color:#fff;opacity:1!important}.icon-item:hover .copy-button[data-v-4c234e6a]{opacity:.8}.load-more[data-v-4c234e6a],.loading-more[data-v-4c234e6a]{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#fafafa}.load-more[data-v-4c234e6a]:hover{border-color:#18a058;background-color:#f0f9f4}.load-more span[data-v-4c234e6a],.loading-more span[data-v-4c234e6a]{margin-top:8px;font-size:14px;color:#666}.loading-more[data-v-4c234e6a]{cursor:default;border-style:solid}.spinning[data-v-4c234e6a]{animation:spin-4c234e6a 1s linear infinite}@keyframes spin-4c234e6a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.icon-grid[data-v-4c234e6a]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.icon-item[data-v-4c234e6a]{height:110px;min-height:110px}.icon-name[data-v-4c234e6a]{font-size:14px}}@media (min-width: 1200px){.icon-grid[data-v-4c234e6a]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.icon-item[data-v-4c234e6a]{height:120px;min-height:120px}}
|