safavimohadeseh78andCursor
9356a2ab5e
Sync live quote handling, SSE product images, store hours, file URL normalization, PWA icon cache, TV monitor, about software, SuperAdmin menu gates, price alerts, and related UX from modular while preserving boursecu branding and config constraints. Co-authored-by: Cursor <cursoragent@cursor.com>
126 lines
1.9 KiB
Plaintext
126 lines
1.9 KiB
Plaintext
/* Desktop standalone gold trade page */
|
|
|
|
.gold-page {
|
|
height: 100%;
|
|
min-height: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.gold-embed {
|
|
max-height: min(78vh, 40rem);
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.gold-form-card {
|
|
min-height: 0;
|
|
}
|
|
|
|
.gold-fee-box {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.dgold {
|
|
min-height: 100%;
|
|
background: #f6f7f9;
|
|
color: #111827;
|
|
padding: 28px 36px 40px;
|
|
}
|
|
|
|
.dgold-topbar {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 16px;
|
|
max-width: 720px;
|
|
margin: 0 auto 24px;
|
|
padding-bottom: 24px;
|
|
border-bottom: 1px solid rgba(15, 23, 42, 0.06);
|
|
|
|
&__back {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
border: none;
|
|
background: transparent;
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
font-family: inherit;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
flex-shrink: 0;
|
|
|
|
&:hover {
|
|
color: #111827;
|
|
}
|
|
}
|
|
|
|
&__meta {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
&__eyebrow {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
color: #9ca3af;
|
|
margin: 0 0 4px;
|
|
}
|
|
|
|
&__title {
|
|
font-size: 26px;
|
|
font-weight: 600;
|
|
letter-spacing: -0.03em;
|
|
color: #111827;
|
|
margin: 0;
|
|
line-height: 1.2;
|
|
}
|
|
}
|
|
|
|
.dgold__panel {
|
|
max-width: 720px;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
border: 1px solid rgba(15, 23, 42, 0.06);
|
|
border-radius: 16px;
|
|
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
|
|
overflow-y: auto;
|
|
max-height: calc(100vh - 180px);
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.dgold__panel .mb-25vh {
|
|
margin-bottom: 2rem !important;
|
|
}
|
|
|
|
.dgold__panel .gold-fee-box {
|
|
position: static !important;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.dgold {
|
|
padding: 16px;
|
|
}
|
|
|
|
.dgold-topbar {
|
|
gap: 12px;
|
|
margin-bottom: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.dgold-topbar__title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.dgold__panel {
|
|
max-height: none;
|
|
}
|
|
}
|