feat: 🎨 adjust CSS style to give more room to the post on small screens
This commit is contained in:
parent
16fb45aaf4
commit
0d9bedcaca
5 changed files with 53 additions and 38 deletions
|
@ -6,20 +6,20 @@ table.directory {
|
|||
|
||||
table.directory caption {
|
||||
text-align: left;
|
||||
font-size: 1.5em;
|
||||
font-size: 1.5rem;
|
||||
|
||||
padding-left: 2em;
|
||||
padding-left: 3vmin;
|
||||
}
|
||||
|
||||
table.directory td {
|
||||
padding: 0.2em;
|
||||
padding: 0.2rem;
|
||||
text-align: left;
|
||||
}
|
||||
table.directory th {
|
||||
padding: 0.2em;
|
||||
padding: 0.2rem;
|
||||
text-align: left;
|
||||
|
||||
padding-bottom: 0.05em;
|
||||
padding-bottom: 0.05rem;
|
||||
}
|
||||
|
||||
table.directory tr.entry:hover {
|
||||
|
@ -32,5 +32,12 @@ table.directory tr.entry .entry_title {
|
|||
|
||||
table.directory .entry_update_time {
|
||||
display: block;
|
||||
width: 10em;
|
||||
width: 12rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
table.directory .entry_update_time {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue