cel
/
blossom
1
0
Fork 0
Code Issues 25 Pull Requests Packages Projects Releases Wiki Activity

fix font and responsiveness css

This commit is contained in:
cel 🌸 2023-06-23 15:49:26 +01:00
parent a10fcb21fd
commit c5967c2b3b
Signed by: cel
GPG Key ID: 48E29AF13B5F1349
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/fonts.css
View File

@ -199,7 +199,7 @@
/* sligoil */ /* sligoil */
@font-face { @font-face {
font-family: 'Sligoil Micro'; font-family: 'Sligoil';
src: url('/fonts/Sligoil-Micro.woff2') format('woff2'), src: url('/fonts/Sligoil-Micro.woff2') format('woff2'),
url('/fonts/Sligoil-Micro.woff') format('woff'); url('/fonts/Sligoil-Micro.woff') format('woff');
font-weight: normal; font-weight: normal;

18
static/style.css
View File

@ -25,7 +25,8 @@ body {
} }
#page { #page {
padding: 6vw; /* padding: 6vw; */
padding: 4vw;
max-width: 2000px; max-width: 2000px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -68,9 +69,9 @@ ul {
} }
.panel { .panel {
margin: 4vh; margin: 2vw;
border: 4px solid #311f20; border: 4px solid #311f20;
padding: 2rem 4rem; padding: 2vw 4vw;
position: relative; position: relative;
} }
@ -151,12 +152,14 @@ footer {
display: flex; display: flex;
align-items: center; align-items: center;
z-index: -1; z-index: -1;
flex-wrap: wrap;
background-color: #e8d2c5; background-color: #e8d2c5;
} }
.badge, .badge,
.badge * { .badge * {
height: 31px; height: 31px;
min-width: 88px;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
border: 0; border: 0;
@ -311,9 +314,17 @@ iframe {
.skweet-info { .skweet-info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap;
gap: 1em; gap: 1em;
} }
.skweet-info h4 {
max-width: 40vw;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.skweet-text { .skweet-text {
margin-top: 0.8em; margin-top: 0.8em;
margin-bottom: 0.8em; margin-bottom: 0.8em;
@ -322,6 +333,7 @@ iframe {
.skweet img, .skweet img,
.skweet video { .skweet video {
max-height: 80vh; max-height: 80vh;
width: 100%;
} }
/* contact page */ /* contact page */