You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
2.4 KiB
1 line
2.4 KiB
2 months ago
|
.product-grid-page[data-v-7212ada1]{padding:20px;background-color:#fff}.product-grid-page .filter-bar[data-v-7212ada1]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.product-grid-page .filter-bar .filter-select[data-v-7212ada1]{min-width:150px}.product-grid-page .filter-bar .search-input[data-v-7212ada1]{flex:1;max-width:300px}.product-grid-page .product-grid[data-v-7212ada1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-grid-page .product-card[data-v-7212ada1]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;position:relative}.product-grid-page .product-card[data-v-7212ada1]:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.product-grid-page .product-card .product-img[data-v-7212ada1]{width:100%;height:200px;border-radius:8px 8px 0 0}.product-grid-page .product-card .tag[data-v-7212ada1]{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;z-index:1}.product-grid-page .product-card .product-info[data-v-7212ada1]{padding:15px;position:relative}.product-grid-page .product-card .product-info .product-name[data-v-7212ada1]{font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.4;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-grid-page .product-card .product-info .price-row[data-v-7212ada1]{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.product-grid-page .product-card .product-info .price-row .current-price[data-v-7212ada1]{font-size:16px;color:#ff4d4f;font-weight:700}.product-grid-page .product-card .product-info .price-row .original-price[data-v-7212ada1]{font-size:12px;color:#999;text-decoration:line-through}.product-grid-page .product-card .product-info .cart-btn[data-v-7212ada1]{position:absolute;bottom:15px;right:15px;padding:4px 12px;font-size:12px}.product-grid-page .image-placeholder[data-v-7212ada1]{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;color:#ccc}.product-grid-page .empty-state[data-v-7212ada1]{text-align:center;padding:50px 0}.product-grid-page .pagination-container[data-v-7212ada1]{display:flex;justify-content:center;margin-top:20px}@media(max-width:768px){.product-grid[data-v-7212ada1]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.product-card .product-img[data-v-7212ada1]{height:160px}}
|