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;
}
}

8
src/assets/icons/IcoHyp.vue Normal file
View file

@ -0,0 +1,8 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M5.097 13.097a2.904 2.904 0 0 1 5.806 0A2.905 2.905 0 0 1 8 16a2.905 2.905 0 0 1-2.903-2.903Z" />
<path
d="M2.194 11.618a1.614 1.614 0 1 0 2.258 1.479c0-.661-.399-1.23-.968-1.479v-4.87l3.097 2.065v-4.31l1.432-2.18 1.406 2.09v4.4l3.097-2.065v4.87a1.614 1.614 0 1 0 2.258 1.479c0-.661-.398-1.23-.968-1.479v-7.27L10.71 6.413v-2.4L7.987 0 5.29 4.116v2.297L2.194 4.348v7.27Z" />
</svg>
</template>