Initial commit: Tapalka monorepo (bot, front, strapi)

CMyTapper/robucks-front/components/tasks/Tasks.module.css

@@ -0,0 +1,109 @@
+.tasks {
+    background: #101010;
+    padding-top: 45px;
+    font-family: var(--font-manrope);
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    overflow: hidden;
+}
+
+.tasksHeader {
+    padding-left: 1rem;
+    flex-shrink: 0;
+}
+
+.tasksHeader span {
+    font-weight: 600;
+    font-size: 19px;
+    color: white;
+    line-height: 21px;
+}
+
+.tasksBlock {
+    height: auto;
+    margin-top: 1rem;
+    padding: 30px 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    background: #0E0E10;
+    border: 1px solid #18181A;
+    border-radius: 1.5rem;
+    overflow-y: auto;
+}
+
+.tasksBlock.overflow {
+    padding-bottom: 90px;
+}
+
+.task {
+    display: flex;
+    align-items: center;
+    background: #FFFFFF0D;
+    min-height: 75px;
+    padding: 1rem;
+    border-radius: 1rem;
+    gap: 7.5px;
+    cursor: pointer;
+}
+
+.taskContent {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.taskTitle span {
+    font-weight: 600;
+    font-size: 18px;
+    line-height: 24px;
+}
+
+.taskPrize {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.taskPrize span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #BBBBBB;
+    line-height: 16px;
+}
+
+.claimPrize {
+    font-family: var(--font-manrope);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #101010;
+    border: 1px solid #42BB47;
+    width: 267px;
+    height: 42px;
+    padding: 12px 16px;
+    border-radius: 40px;
+    gap: 5px;
+    color: #42BB47;
+    cursor: pointer;
+}
+
+.claimedPrize {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.claimedPrize span {
+    color: #42BB47;
+}
+
+.taskClaimed {
+    background: #42BB4740;
+    cursor: auto;
+}
+
+.taskClaimedTitle span {
+    color: #42BB47;
+}