refactor, redesign

This commit is contained in:
hazycora 2023-08-03 02:06:43 -05:00
parent 83a9e85d3d
commit ff48d782c3
No known key found for this signature in database
GPG key ID: 215AF1F81F86940E
5 changed files with 46 additions and 20 deletions

View file

@ -3,8 +3,7 @@ p {
}
.wrapper {
background-color: #171926;
background-image: linear-gradient(to bottom, #171926, #10121d);
background-color: #10121d;
display: flex;
align-items: center;
flex-direction: column;
@ -30,21 +29,21 @@ p {
.contents {
display: flex;
width: 100%;
gap: 30px;
}
.info {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
width: 80%;
width: 900px;
}
.graphics {
display: flex;
justify-content: flex-end;
align-items: flex-start;
width: 20%;
width: 120px;
}
.graphics > img {
@ -54,14 +53,31 @@ p {
}
.title {
width: 100%;
font-weight: 800;
font-size: 4.5rem;
line-height: 1em;
display: flex;
column-gap: 0.25em;
row-gap: -0.1em;
line-height: 1em;
flex-wrap: wrap;
margin-bottom: 0.1em;
}
.repo .title {
white-space: nowrap;
}
.title span.word {
max-width: 100%;
padding: 2rem 0;
margin: -2rem 0;
white-space: nowrap;
}
.title span.word:last-child {
overflow: hidden;
text-overflow: ellipsis;
}
.issue .number {
@ -97,6 +113,10 @@ p {
font-size: 42px;
font-weight: 500;
color: #8c91af;
overflow: hidden;
display: block;
text-overflow: ellipsis;
line-clamp: 2'...';
}
.languages {