Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 15:35:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

migration vers typescript + refonte total de l'app

Browse Source
This commit is contained in:
Sonny
2022-04-28 04:30:38 +02:00
parent 1e79072626
commit 1ab51979fe
32 changed files with 2737 additions and 7815 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
styles/home/links.module.scss Normal file
View File

@@ -0,0 +1,72 @@
.links-wrapper {
height: 100%;
padding: 10px;
flex: 1;
overflow-x: auto;
& h2 {
color: #3f88c5;
margin-bottom: 15px;
& .links-count {
color: #bbb;
font-weight: 300;
font-size: 0.8em;
}
}
& .links {
width: 100%;
display: flex;
flex-direction: column;
}
& .links .link {
user-select: none;
cursor: pointer;
& > a {
height: fit-content;
width: 100%;
color: #3f88c5;
background-color: #fff;
text-decoration: none;
padding: 10px 15px;
border: 1px solid #dadce0;
border-bottom: 2px solid #dadce0;
border-radius: 3px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
transition: 0.1s;
&:hover {
border-bottom-color: #3f88c5;
background: #f0eef6;
& .url-pathname {
opacity: 1 !important;
}
}
& .link-name .link-category {
color: #bbb;
font-size: 0.9em;
}
& .link-url {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #bbb;
font-size: 0.8em;
& .url-pathname {
opacity: 0;
transition: 0.1s;
}
}
}
}
}