diff --git a/pluginHolder/templates/pluginHolder/plugins.html b/pluginHolder/templates/pluginHolder/plugins.html index 1da5d079e..076abbc4d 100644 --- a/pluginHolder/templates/pluginHolder/plugins.html +++ b/pluginHolder/templates/pluginHolder/plugins.html @@ -654,6 +654,62 @@ border-color: #5856d6; } + /* Store Search Styles */ + .store-search-container { + padding: 15px; + background: var(--bg-secondary, #f8f9ff); + border-radius: 8px; + margin-bottom: 20px; + } + + .store-search-wrapper { + position: relative; + } + + .store-search-input { + width: 100%; + padding: 12px 15px 12px 45px; + border: 2px solid #e8e9ff; + border-radius: 8px; + font-size: 14px; + transition: all 0.3s ease; + background: white; + color: var(--text-primary, #2f3640); + } + + .store-search-input:focus { + outline: none; + border-color: #5856d6; + box-shadow: 0 0 0 3px rgba(88, 86, 214, 0.1); + } + + .store-search-input::placeholder { + color: #94a3b8; + } + + .clear-search-btn { + display: none; + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); + background: none; + border: none; + color: #64748b; + cursor: pointer; + padding: 5px; + font-size: 14px; + transition: color 0.2s; + } + + .clear-search-btn:hover { + color: #dc3545; + } + + .clear-search-btn.visible { + display: block; + } + .store-table-wrapper { overflow-x: auto; background: var(--bg-primary, white); @@ -995,7 +1051,12 @@ {% endif %}