mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 05:08:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added support for charts

Browse source
This commit is contained in:
Shiny Nematoda 2022-10-02 15:41:26 +00:00
parent 0b159c9a42
commit a9d7d07e7b
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
16 changed files with 213 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/assets/base.css
View file

@ -208,8 +208,19 @@ select:focus {
outline: 0.1rem solid var(--color-foreground);
}
.input {
font-size: 1rem;
margin: 1rem auto;
padding: 0.5rem 0.75rem;
border: none;
color: var(--color-text);
max-width: 20rem;
border-radius: 0.125rem;
background-color: var(--color-background-mute);
}
/* Search cancel button */
input[type="search"]::-webkit-search-cancel-button {
input[type='search']::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1.5rem;
margin-left: 0.5rem;
@ -219,7 +230,7 @@ input[type="search"]::-webkit-search-cancel-button {
cursor: pointer;
content: url('/x-lg.svg');
}
input[type="search"]::-webkit-search-cancel-button:hover {
input[type='search']::-webkit-search-cancel-button:hover {
background-color: var(--color-border);
}
@ -269,13 +280,14 @@ img {
background-size: cover;
border-radius: 0.25rem;
}
.search-artists .bg-img {
.circle .bg-img {
border-radius: 50%;
}
.pop,
.pop-2 {
transition: background-color 0.4s ease, box-shadow 0.4s ease, color 0.3s ease, transform 0.4s ease;
transition: background-color 0.4s ease, box-shadow 0.4s ease, color 0.3s ease,
transform 0.4s ease;
}
.pop {
--background: none;
@ -320,17 +332,23 @@ img {
}
@media (min-width: 530px) {
.grid-3 {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
@media (min-width: 780px) {
.grid-3 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 930px) {
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1130px) {
.grid-3 {
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}