Skip to content

Commit 3984b48

Browse files
vedansh-5vedansh-5
committed
setup tailwind
Signed-off-by: Vedansh Saini <[email protected]>
1 parent 6b7a152 commit 3984b48

File tree

5 files changed

+621
-46
lines changed

5 files changed

+621
-46
lines changed

‎package.json

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,24 @@
1111
"check": "biome check .",
1212
"fix": "biome lint --write"
1313
},
14-
"keywords": ["scrum", "google groups", "fossasia"],
14+
"keywords": [
15+
"scrum",
16+
"google groups",
17+
"fossasia"
18+
],
1519
"author": "hkedia321",
1620
"license": "ISC",
1721
"bugs": {
1822
"url": "https://github.com/fossasia/scrum_helper/issues"
1923
},
2024
"homepage": "https://github.com/fossasia/scrum_helper",
2125
"devDependencies": {
22-
"@biomejs/biome": "1.9.4"
26+
"@biomejs/biome": "1.9.4",
27+
"autoprefixer": "^10.4.21",
28+
"postcss": "^8.5.3",
29+
"tailwindcss": "^4.1.3"
30+
},
31+
"dependencies": {
32+
"@tailwindcss/cli": "^4.1.3"
2333
}
2434
}

‎src/index.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
@import "tailwindcss";
2+
@tailwind base;
3+
@tailwind components;
4+
@tailwind utilities;
15
body {
26
margin: 0;
37
padding: 0;

‎src/popup.html

Lines changed: 50 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="./tailwindcss.css">
78
<link href="materialize/css/materialize.min.css" type="text/css" rel="stylesheet">
89
<link rel="stylesheet" type="text/css" href="index.css">
910
<script src="./scripts/fontawesome.js"></script>
@@ -17,8 +18,11 @@
1718
</style>
1819
</head>
1920
<body>
20-
<div class="container">
21-
<h4 class="center">SCRUM Helper</h4>
21+
<div class="px-4 py-4 rounded-2xl bg-cyan-400">
22+
<div class="flex justify-between items-center">
23+
<h6 class="center bg-red-500">SCRUM Helper</h4>
24+
<h6>DAY/Night logo</h4>
25+
</div>
2226
<h6 class="center">
2327
SCRUM helper prefills the Scrums in google groups, with your FOSSASIA's contributions.
2428
</h6>
@@ -41,49 +45,51 @@ <h6 class="center">
4145
</ul>
4246
</div>
4347
</div>
44-
<div class="row">
45-
<div class="input-field col s12">
46-
<input placeholder="Your Project Name" id="projectName" type="text">
47-
<label for="projectName">Your Project Name</label>
48-
</div>
49-
<div class="input-field col s12">
50-
<input placeholder="Required for getting data from github" id="githubUsername" type="text">
51-
<label for="githubUsername">Your Github Username</label>
52-
</div>
53-
<div class="col s12"><span>Fetch your contributions between:</span>
54-
<input type="checkbox" class="filled-in" id="lastWeekContribution"/>
55-
<label for="lastWeekContribution">Show past <span id="noDays"></span> from today</label>
56-
</div>
48+
<div class="bg-yellow-100 rounded-2xl">
49+
<div class="row">
50+
<div class="input-field col s12">
51+
<input placeholder="Your Project Name" id="projectName" type="text">
52+
<label for="projectName">Your Project Name</label>
53+
</div>
54+
<div class="input-field col s12">
55+
<input placeholder="Required for getting data from github" id="githubUsername" type="text">
56+
<label for="githubUsername">Your Github Username</label>
57+
</div>
58+
<div class="col s12"><span>Fetch your contributions between:</span>
59+
<input type="checkbox" class="filled-in" id="lastWeekContribution"/>
60+
<label for="lastWeekContribution">Show past <span id="noDays"></span> from today</label>
61+
</div>
5762

58-
<div class="input-field col s6">
59-
<div>Starting Date:</div>
60-
<input id="startingDate" type="date" class="datepicker" placeholder=" ">
61-
62-
</div>
63-
<div class="input-field col s6">
64-
<div>Ending Date</div>
65-
<input id="endingDate" type="date" class="datepicker" placeholder=" ">
66-
</div>
67-
<div class="col s12">
68-
<br />
69-
<input type="checkbox" class="filled-in" id="showOpenLabel"/>
70-
<label for="showOpenLabel">Show Open/Closed Label</label>
71-
</div>
72-
<div class="input-field col s12">
73-
<input placeholder="Reason" id="userReason" type="text">
74-
<label for="userReason">What is stopping you from doing your work?</label>
75-
</div>
76-
<div class="col s12">
77-
78-
<h5>Note:</h5>
79-
<h6>
80-
<ul>
81-
<li>The PRs fetched are according to the date last reviewed by anyone. So if you reviewed a PR 10 days back, and someone reviewed it 2 days back, it will appear in your last week's activity. See <a target="_blank" href="https://github.com/fossasia/scrum_helper/issues/20">this issue</a>.
82-
</li>
83-
<li>By using the extension you understand that there might be discrepancies in the SCRUM generated. You are advised to edit the SCRUM afterwards to remove any discrepancies.
84-
</li>
85-
</ul>
86-
</h6>
63+
<div class="input-field col s6">
64+
<div>Starting Date:</div>
65+
<input id="startingDate" type="date" class="datepicker" placeholder=" ">
66+
67+
</div>
68+
<div class="input-field col s6">
69+
<div>Ending Date</div>
70+
<input id="endingDate" type="date" class="datepicker" placeholder=" ">
71+
</div>
72+
<div class="col s12">
73+
<br />
74+
<input type="checkbox" class="filled-in" id="showOpenLabel"/>
75+
<label for="showOpenLabel">Show Open/Closed Label</label>
76+
</div>
77+
<div class="input-field col s12">
78+
<input placeholder="Reason" id="userReason" type="text">
79+
<label for="userReason">What is stopping you from doing your work?</label>
80+
</div>
81+
<div class="col s12">
82+
83+
<h5>Note:</h5>
84+
<h6>
85+
<ul>
86+
<li>The PRs fetched are according to the date last reviewed by anyone. So if you reviewed a PR 10 days back, and someone reviewed it 2 days back, it will appear in your last week's activity. See <a target="_blank" href="https://github.com/fossasia/scrum_helper/issues/20">this issue</a>.
87+
</li>
88+
<li>By using the extension you understand that there might be discrepancies in the SCRUM generated. You are advised to edit the SCRUM afterwards to remove any discrepancies.
89+
</li>
90+
</ul>
91+
</h6>
92+
</div>
8793
</div>
8894
</div>
8995

0 commit comments

Comments
 (0)