forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 馃幍
1import styled from "@emotion/styled";
2import { Link } from "@tanstack/react-router";
3
4export const Directory = styled(Link)`
5 color: var(--color-text) !important;
6 margin-left: 10px;
7 text-decoration: none;
8 text-overflow: ellipsis;
9 overflow: hidden;
10 white-space: nowrap;
11 display: block;
12 &:hover {
13 text-decoration: underline;
14 }
15`;
16
17export const AudioFile = styled.div`
18 color: var(--color-text) !important;
19 margin-left: 10px;
20 text-decoration: none;
21 text-overflow: ellipsis;
22 overflow: hidden;
23 white-space: nowrap;
24 display: block;
25 cursor: pointer;
26 &:hover {
27 text-decoration: underline;
28 }
29`;
30
31export const BackButton = styled.button`
32 border: none;
33 cursor: pointer;
34 display: flex;
35 align-items: center;
36 justify-content: center;
37 height: 30px;
38 width: 30px;
39 left: 18vw;
40 top: 0px;
41 border-radius: 15px;
42 background-color: #f7f7f8;
43 margin-top: 100px;
44 margin-bottom: 46px;
45 position: fixed;
46 z-index: 1;
47 // media query for mobile
48 @media (max-width: 1820px) {
49 left: 10px;
50 }
51`;