mirror of
https://wget.la/https://github.com/leookun/cursor-byok
synced 2026-10-04 02:52:55 +08:00
leookun
eca063e424
- Updated the demo API to support locale-based content rendering. - Refactored the main layout to accommodate language-specific metadata and routing. - Introduced new components for blog and documentation pages, ensuring proper language handling. - Added styles for improved UI consistency across different sections. - Removed deprecated layout files and streamlined the structure for better maintainability.
68 lines
1.1 KiB
CSS
68 lines
1.1 KiB
CSS
.stage {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 960px;
|
|
margin: 64px auto 0;
|
|
}
|
|
|
|
.halo {
|
|
position: absolute;
|
|
inset: -10% -14%;
|
|
background: radial-gradient(
|
|
50% 55% at 50% 45%,
|
|
color-mix(in srgb, var(--color-fd-primary) 9%, transparent),
|
|
transparent 72%
|
|
);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.viewport {
|
|
position: relative;
|
|
width: 100%;
|
|
aspect-ratio: 960 / 620;
|
|
overflow: hidden;
|
|
background: #f5f5f5;
|
|
border: 1px solid var(--color-fd-border);
|
|
border-radius: 14px;
|
|
box-shadow:
|
|
0 42px 90px -34px rgb(0 0 0 / 35%),
|
|
0 12px 32px -16px rgb(0 0 0 / 28%);
|
|
}
|
|
|
|
.viewport[data-dark] {
|
|
background: #141414;
|
|
box-shadow:
|
|
0 42px 90px -34px rgb(0 0 0 / 50%),
|
|
0 12px 32px -16px rgb(0 0 0 / 42%);
|
|
}
|
|
|
|
.demo {
|
|
position: absolute;
|
|
inset: 0;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
.poster {
|
|
object-fit: cover;
|
|
transition: opacity 0.6s ease;
|
|
}
|
|
|
|
.posterHidden {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
.stage {
|
|
margin-top: 42px;
|
|
}
|
|
|
|
.viewport {
|
|
border-radius: 10px;
|
|
}
|
|
}
|