27-02
This commit is contained in:
15
src/app/(main)/dang-ky/page.tsx
Normal file
15
src/app/(main)/dang-ky/page.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
|
||||
import RegisterPage from "@/components/customer/Register"
|
||||
import type { Metadata } from "next";
|
||||
export const metadata: Metadata = {
|
||||
title: "Đăng nhập tài khoản",
|
||||
description: "",
|
||||
};
|
||||
|
||||
import "@/styles/customer.css";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<RegisterPage />
|
||||
)
|
||||
}
|
||||
15
src/app/(main)/dang-nhap/page.tsx
Normal file
15
src/app/(main)/dang-nhap/page.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
|
||||
import LoginPage from "@/components/customer/Login";
|
||||
import type { Metadata } from "next";
|
||||
export const metadata: Metadata = {
|
||||
title: "Đăng nhập tài khoản",
|
||||
description: "",
|
||||
};
|
||||
|
||||
import "@/styles/customer.css";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<LoginPage />
|
||||
)
|
||||
}
|
||||
94
src/components/customer/Login.tsx
Normal file
94
src/components/customer/Login.tsx
Normal file
@@ -0,0 +1,94 @@
|
||||
'use client';
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
export default function LoginPage() {
|
||||
const router = useRouter();
|
||||
|
||||
const [ hidePass, setHidePass ] = useState(false);
|
||||
|
||||
const [ email, setEmail ] = useState('');
|
||||
const [ password, setPassword ] = useState('');
|
||||
const [ error, setError ] = useState('');
|
||||
|
||||
const handleLogin = () => {
|
||||
console.log('email: ', email);
|
||||
console.log('password: ', password);
|
||||
|
||||
if (
|
||||
email === 'admin@mail.com' &&
|
||||
password === '123456'
|
||||
) {
|
||||
setError('');
|
||||
|
||||
router.push('/taikhoan');
|
||||
|
||||
} else {
|
||||
setError('Email hoặc mật khẩu không đúng!');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="customer-page container p-10">
|
||||
<div className="customer-content-group">
|
||||
<div className="text-center title text-18 font-600">
|
||||
<Link href="/dang-ky" className="mr-5">ĐĂNG KÝ</Link>
|
||||
<Link href="/dang-nhap" className="current">ĐĂNG NHẬP</Link>
|
||||
</div>
|
||||
|
||||
<div className="customer-form">
|
||||
<div className="item">
|
||||
<p>Email<span className="red">*</span></p>
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
value={email}
|
||||
onChange={ (e) => setEmail(e.target.value) }
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="item">
|
||||
<p>Mật khẩu<span className="red">*</span></p>
|
||||
<div className="position-relative">
|
||||
<input
|
||||
type={`${hidePass ? 'text' : 'password'}`}
|
||||
className="input-pass"
|
||||
name="password"
|
||||
value={password}
|
||||
onChange={ (e) => setPassword(e.target.value) }
|
||||
required
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
onClick={ () => setHidePass(!hidePass) }
|
||||
className="show-pass bx bx-eye-big"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{ error &&
|
||||
<span className="d-block w-100 mt-2 red">{error}</span>
|
||||
}
|
||||
|
||||
<div className="text-right mt-2 mb-2">
|
||||
<Link
|
||||
href="/quen-mat-khau"
|
||||
style={{ color: '#208ce8' }}
|
||||
> Quên mật khẩu? </Link>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleLogin}
|
||||
className="bg-red font-600 text-18 text-white d-block btn-regis"
|
||||
>
|
||||
ĐĂNG NHẬP
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
79
src/components/customer/Register.tsx
Normal file
79
src/components/customer/Register.tsx
Normal file
@@ -0,0 +1,79 @@
|
||||
'use client';
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function RegisterPage() {
|
||||
const [ hidePass, setHidePass ] = useState(false);
|
||||
const [ hideConfirmPass, setHideConfirmPass ] = useState(false);
|
||||
|
||||
return (
|
||||
<div className="customer-page container p-10">
|
||||
<div className="customer-content-group">
|
||||
<div className="text-center title text-18 font-600">
|
||||
<Link href="/dang-ky" className="current mr-5">ĐĂNG KÝ</Link>
|
||||
<Link href="/dang-nhap">ĐĂNG NHẬP</Link>
|
||||
</div>
|
||||
|
||||
<div className="customer-form">
|
||||
<form encType="multipart/form-data">
|
||||
<div className="item">
|
||||
<p>Họ và Tên<span className="red">*</span></p>
|
||||
<input type="text" name="info[full_name]" id="full_name" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<p>Số điện thoại<span className="red">*</span></p>
|
||||
<input type="text" name="info[tel]" id="tel" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<p>Địa chỉ<span className="red">*</span></p>
|
||||
<input type="text" name="info[address]" id="address" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<p>Email<span className="red">*</span></p>
|
||||
<input type="text" name="info[email]" id="email" />
|
||||
</div>
|
||||
<div className="item">
|
||||
<p>Mật khẩu<span className="red">*</span></p>
|
||||
<div className="position-relative">
|
||||
<input
|
||||
type={`${hidePass ? 'text' : 'password'}`}
|
||||
className="input-pass"
|
||||
name="info[password]"
|
||||
id="password"
|
||||
/>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={ () => setHidePass(!hidePass) }
|
||||
className="show-pass bx bx-eye-big"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="item">
|
||||
<p>Nhập lại mật khẩu<span className="red">*</span></p>
|
||||
<div className="position-relative">
|
||||
<input
|
||||
type={`${hideConfirmPass ? 'text' : 'password'}`}
|
||||
className="input-pass"
|
||||
name="info[confirm_password]"
|
||||
id="confirm_password"
|
||||
/>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={ () => setHideConfirmPass(!hideConfirmPass) }
|
||||
className="show-pass bx bx-eye-big"
|
||||
/>
|
||||
</div>
|
||||
<span className="d-block w-100 red" id="js-pass-alert" />
|
||||
</div>
|
||||
|
||||
<button type="button" className="bg-red font-600 text-18 text-white d-block btn-regis mt-3">ĐĂNG KÝ</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
);
|
||||
}
|
||||
@@ -2,11 +2,25 @@ export default function Search(){
|
||||
return(
|
||||
<div className="header-search-group w-[440px] relative">
|
||||
<form method="get" action="/tim" name="search" className="flex items-center justify-between p-[6px] pl-5 bg-white rounded-[30px]">
|
||||
<input type="text" id="js-global-search" name="q" placeholder="Nhập từ khóa tìm kiếm" defaultValue="" autoComplete="off" className="w-[calc(100%_-_36px)] pr-3 placeholder:!text-[#5F5F5F] placeholder:!text-[14px] h-9" />
|
||||
<button type="button" id="js-search-btn" aria-labelledby="js-global-search" className="bg-linear rounded-full w-9 h-9"><i className="block !w-full !h-full icons icon-search"></i></button>
|
||||
<input
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="Nhập từ khóa tìm kiếm"
|
||||
defaultValue=""
|
||||
autoComplete="off"
|
||||
className="w-[calc(100%_-_36px)] pr-3 placeholder:!text-[#5F5F5F] placeholder:!text-[14px] h-9"
|
||||
/>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
aria-labelledby="js-global-search"
|
||||
className="bg-linear rounded-full w-9 h-9"
|
||||
>
|
||||
<i className="block !w-full !h-full icons icon-search"></i>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div className="autocomplete-suggestions" id="js-search-holder"> </div>
|
||||
<div className="autocomplete-suggestions"> </div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
246
src/data/customers/index.tsx
Normal file
246
src/data/customers/index.tsx
Normal file
@@ -0,0 +1,246 @@
|
||||
export const CustomerInfo = [
|
||||
{
|
||||
"id": 7323,
|
||||
"name": "Hurasoft Đức",
|
||||
"emailVerify": 0,
|
||||
"email": "ducdt@hurasoft.com",
|
||||
"type": "register",
|
||||
"tel": "0987654231",
|
||||
"mobile": "0987876213",
|
||||
"address": "số 3 ngõ 18 thái hà",
|
||||
"province": 1,
|
||||
"province_name": "Hà Nội",
|
||||
"district": 1,
|
||||
"district_name": "Ba Đình",
|
||||
"birthday": "23-05",
|
||||
"birthyear": "1995",
|
||||
"sex": "male",
|
||||
"loyalty_point": "0",
|
||||
"loyalty_level": "0",
|
||||
"avatar": "https://hoanghapccdn.com/media/avatar/default-avatar.jpg",
|
||||
"review": [
|
||||
{
|
||||
"id": 8762,
|
||||
"item_type": "product",
|
||||
"item_id": 6434,
|
||||
"people_like_count": 0,
|
||||
"people_dislike_count": 0,
|
||||
"reply_count": 0,
|
||||
"is_user_admin": "0",
|
||||
"user_avatar": "",
|
||||
"user_name": "Hurasoft Đức - SĐT: 0987876213",
|
||||
"rate": "4",
|
||||
"title": "HH AI PC DUAL RTX PRO 5000 BLACKWELL 48GB | THREADRIPPER 9960X | 256GB",
|
||||
"content": "account test rating",
|
||||
"files": [
|
||||
"https://hoanghapccdn.com/media/product/6729_aorus_c500_glass_ha1.jpg",
|
||||
"https://hoanghapccdn.com/media/product/6729_aorus_c500_glass_ha3.jpg",
|
||||
"https://hoanghapccdn.com/media/product/6729_aorus_c500_glass_ha4.jpg"
|
||||
],
|
||||
"approved": 1,
|
||||
"post_time": 1761027763,
|
||||
"new_replies": [
|
||||
{
|
||||
"id": 742,
|
||||
"comment_id": 8760,
|
||||
"user_avatar": "0",
|
||||
"user_name": "Hurasoft \u0110\u1ee9c",
|
||||
"is_user_admin": 1,
|
||||
"people_like_count": 0,
|
||||
"approved": 1,
|
||||
"people_dislike_count": 0,
|
||||
"content": "admin test",
|
||||
"post_time": 1760331038
|
||||
}
|
||||
],
|
||||
"product_info": {
|
||||
"id": 6434,
|
||||
"productName": "HH AI PC DUAL RTX PRO 5000 BLACKWELL 48GB | THREADRIPPER 9960X | 256GB",
|
||||
"productSummary": `<p>CPU AMD Ryzen 9 9950X</p>`,
|
||||
"warranty": "12 tháng ",
|
||||
"productUrl": "/pcai-dual-rtx-pro-5000-threadripper-9960x-256gb",
|
||||
"quantity": 1,
|
||||
"productSKU": "HuraSKU-01",
|
||||
"productImage": {
|
||||
"small": "https://hoanghapccdn.com/media/product/75_6729_aorus_c500_glass_ha1.jpg",
|
||||
"large": "https://hoanghapccdn.com/media/product/250_6729_aorus_c500_glass_ha1.jpg",
|
||||
"original": ""
|
||||
},
|
||||
"review": {
|
||||
"rate": 3,
|
||||
"total": 3
|
||||
},
|
||||
"comment": {
|
||||
"rate": 3,
|
||||
"total": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 8762,
|
||||
"item_type": "product",
|
||||
"item_id": 6434,
|
||||
"people_like_count": 0,
|
||||
"people_dislike_count": 0,
|
||||
"reply_count": 0,
|
||||
"is_user_admin": "0",
|
||||
"user_avatar": "",
|
||||
"user_name": "Hurasoft Đức - SĐT: 0987876213",
|
||||
"rate": "4",
|
||||
"title": "HuraSoft - Sản phẩm test (Không xóa)",
|
||||
"content": "account test rating",
|
||||
"files": [],
|
||||
"approved": 1,
|
||||
"post_time": 1761027763,
|
||||
"new_replies": [
|
||||
{
|
||||
"id": 742,
|
||||
"comment_id": 8760,
|
||||
"user_avatar": "0",
|
||||
"user_name": "Hurasoft \u0110\u1ee9c",
|
||||
"is_user_admin": 1,
|
||||
"people_like_count": 0,
|
||||
"approved": 1,
|
||||
"people_dislike_count": 0,
|
||||
"content": "admin test",
|
||||
"post_time": 1760331038
|
||||
}
|
||||
],
|
||||
"product_info": {
|
||||
"id": 6434,
|
||||
"productName": "HuraSoft - Sản phẩm test (Không xóa)",
|
||||
"productSummary": `<p>CPU AMD Ryzen 9 9950X</p>`,
|
||||
"warranty": "12 tháng ",
|
||||
"productUrl": "/hurasoft-san-pham-test-khong-xoa",
|
||||
"quantity": 1,
|
||||
"productSKU": "HuraSKU-01",
|
||||
"productImage": {
|
||||
"small": "https://hoanghapccdn.com/media/product/75_6729_aorus_c500_glass_ha1.jpg",
|
||||
"large": "https://hoanghapccdn.com/media/product/250_6729_aorus_c500_glass_ha1.jpg",
|
||||
"original": ""
|
||||
},
|
||||
"review": {
|
||||
"rate": 3,
|
||||
"total": 3
|
||||
},
|
||||
"comment": {
|
||||
"rate": 3,
|
||||
"total": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
"comment": [
|
||||
{
|
||||
"id": 8762,
|
||||
"item_type": "product",
|
||||
"item_id": 6434,
|
||||
"people_like_count": 0,
|
||||
"people_dislike_count": 0,
|
||||
"reply_count": 0,
|
||||
"is_user_admin": "0",
|
||||
"user_avatar": "",
|
||||
"user_name": "Hurasoft Đức - SĐT: 0987876213",
|
||||
"rate": "4",
|
||||
"title": "HH AI PC DUAL RTX PRO 5000 BLACKWELL 48GB | THREADRIPPER 9960X | 256GB",
|
||||
"content": "account test rating",
|
||||
"files": [
|
||||
"https://hoanghapccdn.com/media/product/6729_aorus_c500_glass_ha1.jpg",
|
||||
"https://hoanghapccdn.com/media/product/6729_aorus_c500_glass_ha3.jpg",
|
||||
"https://hoanghapccdn.com/media/product/6729_aorus_c500_glass_ha4.jpg"
|
||||
],
|
||||
"approved": 1,
|
||||
"post_time": 1761027763,
|
||||
"new_replies": [
|
||||
{
|
||||
"id": 742,
|
||||
"comment_id": 8760,
|
||||
"user_avatar": "0",
|
||||
"user_name": "Hurasoft \u0110\u1ee9c",
|
||||
"is_user_admin": 1,
|
||||
"people_like_count": 0,
|
||||
"approved": 1,
|
||||
"people_dislike_count": 0,
|
||||
"content": "admin test",
|
||||
"post_time": 1760331038
|
||||
}
|
||||
],
|
||||
"product_info": {
|
||||
"id": 6434,
|
||||
"productName": "HH AI PC DUAL RTX PRO 5000 BLACKWELL 48GB | THREADRIPPER 9960X | 256GB",
|
||||
"productSummary": `<p>CPU AMD Ryzen 9 9950X</p>`,
|
||||
"warranty": "12 tháng ",
|
||||
"productUrl": "/pcai-dual-rtx-pro-5000-threadripper-9960x-256gb",
|
||||
"quantity": 1,
|
||||
"productSKU": "HuraSKU-01",
|
||||
"productImage": {
|
||||
"small": "https://hoanghapccdn.com/media/product/75_6729_aorus_c500_glass_ha1.jpg",
|
||||
"large": "https://hoanghapccdn.com/media/product/250_6729_aorus_c500_glass_ha1.jpg",
|
||||
"original": ""
|
||||
},
|
||||
"review": {
|
||||
"rate": 3,
|
||||
"total": 3
|
||||
},
|
||||
"comment": {
|
||||
"rate": 3,
|
||||
"total": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 8762,
|
||||
"item_type": "product",
|
||||
"item_id": 6434,
|
||||
"people_like_count": 0,
|
||||
"people_dislike_count": 0,
|
||||
"reply_count": 0,
|
||||
"is_user_admin": "0",
|
||||
"user_avatar": "",
|
||||
"user_name": "Hurasoft Đức - SĐT: 0987876213",
|
||||
"rate": "4",
|
||||
"title": "HuraSoft - Sản phẩm test (Không xóa)",
|
||||
"content": "account test rating",
|
||||
"files": [],
|
||||
"approved": 1,
|
||||
"post_time": 1761027763,
|
||||
"new_replies": [
|
||||
{
|
||||
"id": 742,
|
||||
"comment_id": 8760,
|
||||
"user_avatar": "0",
|
||||
"user_name": "Hurasoft \u0110\u1ee9c",
|
||||
"is_user_admin": 1,
|
||||
"people_like_count": 0,
|
||||
"approved": 1,
|
||||
"people_dislike_count": 0,
|
||||
"content": "admin test",
|
||||
"post_time": 1760331038
|
||||
}
|
||||
],
|
||||
"product_info": {
|
||||
"id": 6434,
|
||||
"productName": "HuraSoft - Sản phẩm test (Không xóa)",
|
||||
"productSummary": `<p>CPU AMD Ryzen 9 9950X</p>`,
|
||||
"warranty": "12 tháng ",
|
||||
"productUrl": "/hurasoft-san-pham-test-khong-xoa",
|
||||
"quantity": 1,
|
||||
"productSKU": "HuraSKU-01",
|
||||
"productImage": {
|
||||
"small": "https://hoanghapccdn.com/media/product/75_6729_aorus_c500_glass_ha1.jpg",
|
||||
"large": "https://hoanghapccdn.com/media/product/250_6729_aorus_c500_glass_ha1.jpg",
|
||||
"original": ""
|
||||
},
|
||||
"review": {
|
||||
"rate": 3,
|
||||
"total": 3
|
||||
},
|
||||
"comment": {
|
||||
"rate": 3,
|
||||
"total": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
]
|
||||
}
|
||||
]
|
||||
54
src/styles/customer.css
Normal file
54
src/styles/customer.css
Normal file
@@ -0,0 +1,54 @@
|
||||
.customer-page{padding:20px 6px}
|
||||
.customer-page a{color:#222}
|
||||
.customer-page .customer-content-group{max-width:825px;margin:20px auto;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.2);box-shadow:0 0 7px 0 rgba(0,0,0,0.2);background:#fff;padding:20px 0}
|
||||
.customer-page .customer-form{margin:auto;max-width:616px}
|
||||
.customer-page .customer-form p{margin:0}
|
||||
.customer-page .customer-form .item{margin-top:20px;font-weight:300}
|
||||
.customer-page .customer-form .item input{display:block;width:100%;border:1px solid #d7d7d7;padding:0 12px;height:42px;border-radius:5px;margin-top:5px}
|
||||
.customer-page .customer-form .show-pass{position:absolute;right:12px;top:13px}
|
||||
.customer-page .customer-form .capcha-item{width:304px}
|
||||
.customer-page .customer-form label{display:block;margin:20px 0;font-weight:300}
|
||||
.customer-page .title a{-webkit-transition:unset!important;transition:unset!important}
|
||||
.customer-page .title a.current,.customer-page .title a:hover{color:#1f82f5;border-bottom:1px solid #1f82f5}
|
||||
.customer-page .btn-regis{width:100%;height:46px;border:0;border-radius:6px;color:#fff;background:#1f82f5;}
|
||||
.customer-page .btn-login-group{font-size:18px;text-transform:uppercase;font-weight:600}
|
||||
.customer-page .btn-login-group a{color:#fff;background:#3b5998;padding:0 15px;margin-bottom:8px;border-radius:7px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:46px}
|
||||
.customer-page .btn-login-group a:hover{background:#334c82}
|
||||
.customer-page .btn-login-group a:nth-child(2){background:#009dff;margin:0}
|
||||
.customer-page .btn-login-group a:nth-child(2):hover{background:#0880cc}
|
||||
.customer-page .btn-login-group i{margin-right:12px;font-size:28px}
|
||||
.customer-page .icon-zalo{background:url(/images/icon-zalo.png) no-repeat;background-position:center;background-size:contain}
|
||||
.customer-page .text{line-height:54px}
|
||||
.customer-page .text::before,.customer-page .text::after{content:'';border-top:1px solid #e1e1e1;position:absolute;left:0;right:0;top:23px}
|
||||
.customer-page .text::after{top:30px}
|
||||
.customer-page .text span{position:relative;padding:0 17px;z-index:1;background:#fff}
|
||||
.account-page a{color:#222}
|
||||
.account-page .global-breadcrumb{padding:12px 0}
|
||||
.account-page .col-left{width:303px;border-right:1px solid #f5f5f5;padding:24px 0}
|
||||
.account-page .col-right{width:calc(100% - 304px);padding:20px 0}
|
||||
.account-page .col-right a:hover{color:#472928}
|
||||
.account-page .left-title{padding:0 0 14px;width:calc(100% - 58px)}
|
||||
.account-page .icon-user{margin-right:10px;width:48px;height:48px;background:url(/images/sprite.png) no-repeat;background-position:-335px -200px}
|
||||
.account-page .title-list a{display:block;padding:10px 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||||
.account-page .title-list a.active,.account-page .title-list a:hover{background:#f5f5f5}
|
||||
.account-page .title-list i{color:#888;margin-right:18px;width:24px;text-align:center;font-size:20px}
|
||||
.account-page .title-list span{width:calc(100% - 42px)}
|
||||
.account-page .info-page{max-width:720px;padding:0 8px}
|
||||
.account-page .info-page input,.account-page .info-page select{width:100%;padding-left:13px;border-radius:5px;border:1px solid #e1e1e1;height:38px;margin-bottom:8px}
|
||||
.account-page .info-page .radio-container{margin:13px 0}
|
||||
.account-page .btn-submit{width:160px;height:40px;color:#fff;border:0;border-radius:5px;font-size:16px;font-weight:500;margin:10px 0}
|
||||
.account-page .province{margin:0 36px 8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left}
|
||||
.account-page .province:first-child{width:370px}
|
||||
.account-page .province:last-child{margin-right:0;width:calc(100% - 406px)}
|
||||
.account-page .province p{width:150px;margin:0}
|
||||
.account-page .province select{width:calc(100% - 150px);margin:0}
|
||||
.account-page .order-page tr:hover td{background:#f4fbff}
|
||||
.account-page .order-page tr:first-child td{background:#fff!important;border-top:0}
|
||||
.account-page .order-page td{padding:15px 8px;border-top:1px solid #e1e1e1}
|
||||
.account-page .order-page a:hover{color:#D91605}
|
||||
.account-page .cart-send-info{padding:20px 15px;margin-top:12px;background:#f5f5f5;font-weight:300}
|
||||
.account-page .cart-send-info b{display:inline-block;width:185px;vertical-align:top}
|
||||
.account-page .cart-send-info span{display:inline-block;width:calc(100% - 189px)}
|
||||
.account-page .account-history-page{padding:0 8px}
|
||||
.account-page .account-history-holder{border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5}
|
||||
.account-page .account-history-holder .p-item{border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;width:25%;border-radius:0}
|
||||
Reference in New Issue
Block a user