Madeorsk/SpotiFlyer
1
0
Fork 0
mirror of https://github.com/Shabinder/SpotiFlyer.git synced 2024-11-23 01:24:31 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Deploying to gh-pages from @ Shabinder/spotiflyer-kmp@a0b5b0d170 🚀

Browse Source
This commit is contained in:
Shabinder 2021-03-16 14:11:54 +00:00
parent d206b03136
commit 867880a779
4 changed files with 35 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -10,6 +10,15 @@
<link href="css-circular-prog-bar.css" rel="stylesheet"> <link href="css-circular-prog-bar.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PGSYNZHSS7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-PGSYNZHSS7');
</script>
</head> </head>
<body> <body>
<div style="display: flex;flex-direction: column; height: inherit; color: white;" id="root"></div> <div style="display: flex;flex-direction: column; height: inherit; color: white;" id="root"></div>

32
styles.css
View File

@ -2,16 +2,7 @@
font-family: pristine; font-family: pristine;
src: url("pristine_script.ttf"); src: url("pristine_script.ttf");
} }
@media (max-width: 600px) {
/* CSS HERE ONLY ON PHONE */
.searchBox:hover > .searchInput {
width: 150px;
padding: 0 6px;
}
.info-banners {
flex-direction: column;
}
}
html { html {
background-image: url("header-dark.jpg"); background-image: url("header-dark.jpg");
font-family: Lora,Helvetica Neue,Helvetica,Arial,sans-serif; font-family: Lora,Helvetica Neue,Helvetica,Arial,sans-serif;
@ -102,7 +93,7 @@ body, html {
} }
.searchBox:hover > .searchInput { .searchBox:hover > .searchInput {
width: 30vw; width: 35vw;
padding: 0 6px; padding: 0 6px;
} }
@ -144,6 +135,8 @@ body, html {
line-height: 40px; line-height: 40px;
width: 0px; width: 0px;
} }
/*Download All Button*/
#download-all-text { #download-all-text {
color: black; color: black;
display: none; display: none;
@ -296,3 +289,20 @@ input.cmn-toggle-round-flat:checked + label:after {
margin-left: 20px; margin-left: 20px;
background-color: #8ce196; background-color: #8ce196;
} }
@media screen and (max-width: 600px) {
/* CSS HERE ONLY ON PHONE */
.info-banners {
flex-direction: column;
}
.searchInput {
width: 35vw;
padding: 0 6px;
}
.search-icon {
filter: none;
}
.searchButton {
background: white;
color : #2f3640;
}
}

6
web-app.js
View File

File diff suppressed because one or more lines are too long

2
web-app.js.map
View File

File diff suppressed because one or more lines are too long