Skip to content
This repository was archived by the owner on Dec 17, 2024. It is now read-only.

Commit b5cef32

Browse files
ronakkothari123ronakkothari123
committed
Loading WIP
1 parent f9c896f commit b5cef32

File tree

4 files changed

+27
-4
lines changed

4 files changed

+27
-4
lines changed

‎css/dashboard.css

+17
Original file line numberDiff line numberDiff line change
@@ -510,4 +510,21 @@ body{
510510
cursor:pointer;
511511
width:2vmin;
512512
height:2vmin;
513+
}
514+
515+
.loader {
516+
border: 16px solid #f3f3f3; /* Light grey */
517+
border-top: 16px solid #3498db; /* Blue */
518+
border-radius: 50%;
519+
width: 120px;
520+
height: 120px;
521+
animation: spin 2s linear infinite;
522+
position:absolute;
523+
top:calc(50vh - 68px);
524+
right:calc(50vw - 68px);
525+
}
526+
527+
@keyframes spin {
528+
0% { transform: rotate(0deg); }
529+
100% { transform: rotate(360deg); }
513530
}

‎css/main.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
--dark-color:#0f1318;
66
--text-color:#000000;
77
--background-1:#EAFAF1;
8-
--background-2:#ffffffinstruction;
8+
--background-2:#ffffff;
99
--border-color:#cccccc;
1010
--accent-color-1:#8E44AD;
1111
--accent-color-2:#3498DB;

‎dashboard/index.html

+6
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,9 @@
1515
<script src="https://unpkg.com/axios/dist/axios.min.js" defer></script>
1616
</head>
1717
<body>
18+
<div class="loader">
19+
20+
</div>
1821
<div id="profile-modal">
1922
<div class="modal-option" onclick="window.location.replace('profile')">
2023
<img src="../icons/user.svg">
@@ -62,6 +65,9 @@ <h1>T20 World Cup Draft on October 25th, 2021 7:00 A.M.</h1>
6265
<p onclick="toggleFilter(5)" class="filter-para">Top News Stories</p>
6366
</div>
6467
<div id="results">
68+
<div class="result-item custom-feed">
69+
sometihign
70+
</div>
6571
<div class="leagues-result result-item">
6672
<div id="league-row">
6773
<div id="cricket-field">

‎js/script.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -139,12 +139,12 @@ function toggleTheme(){
139139
document.getElementById('settings').src = "./icons/darkactive.svg";
140140
} else{
141141
document.querySelector(':root').style.setProperty('--text-color', 'black');
142-
document.querySelector(':root').style.setProperty('--background-1', '#AED6F1');
142+
document.querySelector(':root').style.setProperty('--background-1', '#e4ebf2');
143143
document.querySelector(':root').style.setProperty('--background-2', '#ffffff');
144-
document.querySelector(':root').style.setProperty('--background-3', '#F5CBA7');
144+
document.querySelector(':root').style.setProperty('--background-3', '#e4ebf2');
145145
document.querySelector(':root').style.setProperty('--background-4', '#D2B4DE');
146146
document.querySelector(':root').style.setProperty('--background-5', '#ffffff');
147-
document.querySelector(':root').style.setProperty('--background-6', '#F5B7B1');
147+
document.querySelector(':root').style.setProperty('--background-6', '#ffffff');
148148
document.querySelector(':root').style.setProperty('--icon-brightness', 0);
149149
document.querySelector(':root').style.setProperty('--lighter-green', '#2ECC71');
150150
document.querySelector(':root').style.setProperty('--light-green', '#2ECC71');

0 commit comments

Comments
 (0)