mirror of
https://github.com/discourse/discourse.git
synced 2025-09-06 10:50:21 +08:00
Cleaning up the 404 page (#5363)
This commit is contained in:
parent
45c19e44f0
commit
c2da25dd5c
4 changed files with 53 additions and 63 deletions
50
app/assets/stylesheets/common/base/not-found.scss
Normal file
50
app/assets/stylesheets/common/base/not-found.scss
Normal file
|
@ -0,0 +1,50 @@
|
|||
// Page not found styles
|
||||
|
||||
h1.page-not-found {
|
||||
font-size: 2.25em;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.page-not-found {
|
||||
margin: 0 0 40px 0;
|
||||
&-search {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-not-found-topics {
|
||||
display: flex;
|
||||
@media screen and (max-width: 600px) {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
.popular-topics, .recent-topics {
|
||||
box-sizing: border-box;
|
||||
width: 50%;
|
||||
max-width: 400px;
|
||||
margin-bottom: 40px;
|
||||
padding-right: 20px;
|
||||
@media screen and (max-width: 600px) {
|
||||
width: 100%;
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.not-found-topic {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
margin-bottom: 15px;
|
||||
@media screen and (max-width: 600px) {
|
||||
&:nth-of-type(n+6) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.badge-wrapper {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue