feat/generator: start working in the web page. Add data caching

This commit is contained in:
Kentai Radiquum 2025-02-20 20:15:56 +05:00
parent 1020dc8ae8
commit 383abce65d
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
7 changed files with 165 additions and 25 deletions

View file

@ -527,9 +527,33 @@
.static {
position: static;
}
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.mx-auto {
margin-inline: auto;
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
@ -539,6 +563,15 @@
.table {
display: table;
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-full {
width: 100%;
}
.border-collapse {
border-collapse: collapse;
}
@ -548,10 +581,43 @@
.resize {
resize: both;
}
.items-center {
align-items: center;
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-b-lg {
border-bottom-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.bg-\[\#121B2C\] {
background-color: #121B2C;
}
.bg-\[\#FF478B\] {
background-color: #FF478B;
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.text-white {
color: var(--color-white);
}
.underline {
text-decoration-line: underline;
}
@ -559,6 +625,24 @@
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.xl\:text-3xl {
@media (width >= 80rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.\32 xl\:text-4xl {
@media (width >= 96rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
}
.inter-semibold {
font-family: "Inter", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
@keyframes spin {
to {
@ -616,6 +700,10 @@
inherits: false;
initial-value: solid;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;