diff --git a/fetch.js b/fetch.js index 335ed66..8fca57d 100644 --- a/fetch.js +++ b/fetch.js @@ -5,9 +5,9 @@ export function fetchRepoList() { return res.json(); }) .then((data) =>{ - var totalRepo = data.length; -// var totalRepo = 30; - + var totalRepo = data.length; + // var totalRepo = 5; + jQuery(document).ready(function ($) { $('.fetchLoading').css("display","none") for(let i = 0; i < totalRepo; i++) { diff --git a/index.html b/index.html index d5cac7d..902c547 100644 --- a/index.html +++ b/index.html @@ -36,9 +36,11 @@
+
Fetching Repo...
+
diff --git a/style.css b/style.css index a7edbda..189df28 100644 --- a/style.css +++ b/style.css @@ -116,7 +116,7 @@ p.desc { .listBtnDiv { position: relative; display: flex; - top:20px; + top:18px; justify-content: flex-end; width: 100%; padding-right: 1em; @@ -152,7 +152,7 @@ a.btnLink:focus, a.btnLink:active, a.btnLink:hover { } .pseudoInfo { position: static; - height: 20px; + height: 22px; width: 100%; background: var(--container-color-alt); transform: translateY(20px); @@ -181,4 +181,44 @@ div.infoMenu img { .fetchLoading, .loader{ color: var(--primary-color); transform: translateY(10em) !important; +} + + + + +/**DESKTOP**/ +@media (min-width: 768px) and (max-width: 1024px) { + div.header { + padding-left: 4em; + padding-right: 4em; + } + h2.repoName { + overflow-x: scroll; + padding-left: 0.5em; + width: 95%; + border-radius: 20px 0 0 20px; + } + div.repoListContainer { + position: flex; + justify-content: center; + padding: 0 1em 0 1em; + width: 100%; + } + div.divList { + display: inline-block; + max-width: 24%; + } + p.desc { + overflow-y : scroll; + height: 40px; + max-height: 40px; + margin: 0; + } + div.infoMenu { + max-width: 300px; + word-wrap: break-all; + } + span.search{ + opacity: 1; + } } \ No newline at end of file