Skip to content

Commit

Permalink
话题内容页面
Browse files Browse the repository at this point in the history
  • Loading branch information
@summerblue
summerblue committed Mar 6, 2022
1 parent aceb519 commit 31cdeeb
Show file tree
Hide file tree
Showing 6 changed files with 794 additions and 52 deletions.
353 changes: 353 additions & 0 deletions public/css/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20545,3 +20545,356 @@ body {
#app > div.container {
margin-bottom: 100px;
}

.simditor-body img {
max-width: 100%;
}

/* Topic Show Page */
.simditor-body, .topic-body {
font-size: 15px;
line-height: 1.3;
overflow: hidden;
line-height: 1.6;
word-wrap: break-word;
}
.simditor-body a, .topic-body a {
background: transparent;
}
.simditor-body a:active,
.simditor-body a:hover, .topic-body a:active,
.topic-body a:hover {
outline: 0;
}
.simditor-body ol li, .topic-body ol li {
margin: 8px 0;
}
.simditor-body pre[class*=language-], .topic-body pre[class*=language-] {
margin: 1.2em 0 !important;
}
.simditor-body strong, .topic-body strong {
font-weight: bold;
}
.simditor-body h1, .simditor-body .h1, .topic-body h1, .topic-body .h1 {
font-size: 2em;
margin: 0.67em 0;
}
.simditor-body img, .topic-body img {
border: 0;
}
.simditor-body hr, .topic-body hr {
box-sizing: content-box;
height: 0;
}
.simditor-body table, .topic-body table {
border-collapse: collapse;
border-spacing: 0;
}
.simditor-body td,
.simditor-body th, .topic-body td,
.topic-body th {
padding: 0;
}
.simditor-body *, .topic-body * {
box-sizing: border-box;
}
.simditor-body a, .topic-body a {
text-decoration: none;
}
.simditor-body a:hover,
.simditor-body a:focus,
.simditor-body a:active, .topic-body a:hover,
.topic-body a:focus,
.topic-body a:active {
text-decoration: none;
}
.simditor-body hr, .topic-body hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
}
.simditor-body hr:before,
.simditor-body hr:after, .topic-body hr:before,
.topic-body hr:after {
display: table;
content: " ";
}
.simditor-body hr:after, .topic-body hr:after {
clear: both;
}
.simditor-body blockquote, .topic-body blockquote {
margin: 0;
}
.simditor-body ul,
.simditor-body ol, .topic-body ul,
.topic-body ol {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.simditor-body ol ol, .topic-body ol ol {
list-style-type: lower-roman;
}
.simditor-body dd, .topic-body dd {
margin-left: 0;
}
.simditor-body code,
.simditor-body pre, .topic-body code,
.topic-body pre {
font-family: monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 1em;
}
.simditor-body pre, .topic-body pre {
margin-top: 0;
margin-bottom: 0;
overflow: auto;
}
.simditor-body .topic-body > *:first-child, .topic-body .topic-body > *:first-child {
margin-top: 0 !important;
}
.simditor-body .topic-body > *:last-child, .topic-body .topic-body > *:last-child {
margin-bottom: 0 !important;
}
.simditor-body .anchor, .topic-body .anchor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.simditor-body .anchor:focus, .topic-body .anchor:focus {
outline: none;
}
.simditor-body h1, .simditor-body .h1,
.simditor-body h2,
.simditor-body .h2,
.simditor-body h3,
.simditor-body .h3,
.simditor-body h4,
.simditor-body .h4,
.simditor-body h5,
.simditor-body .h5,
.simditor-body h6,
.simditor-body .h6, .topic-body h1, .topic-body .h1,
.topic-body h2,
.topic-body .h2,
.topic-body h3,
.topic-body .h3,
.topic-body h4,
.topic-body .h4,
.topic-body h5,
.topic-body .h5,
.topic-body h6,
.topic-body .h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
line-height: 1.4;
}
.simditor-body h1, .simditor-body .h1, .topic-body h1, .topic-body .h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.simditor-body h2, .simditor-body .h2, .topic-body h2, .topic-body .h2 {
padding-bottom: 0.3em;
font-size: 1.3em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.simditor-body h3, .simditor-body .h3, .topic-body h3, .topic-body .h3 {
font-size: 1.2em;
line-height: 1.43;
}
.simditor-body h4, .simditor-body .h4, .topic-body h4, .topic-body .h4 {
font-size: 1.1em;
}
.simditor-body h5, .simditor-body .h5, .topic-body h5, .topic-body .h5 {
font-size: 1em;
}
.simditor-body h6, .simditor-body .h6, .topic-body h6, .topic-body .h6 {
font-size: 0.9em;
color: #777;
}
.simditor-body p,
.simditor-body blockquote,
.simditor-body ul,
.simditor-body ol,
.simditor-body dl,
.simditor-body table,
.simditor-body pre, .topic-body p,
.topic-body blockquote,
.topic-body ul,
.topic-body ol,
.topic-body dl,
.topic-body table,
.topic-body pre {
margin-top: 0;
margin-bottom: 0px;
line-height: 30px;
}
.simditor-body hr, .topic-body hr {
border: 2px dashed #F0F4F6;
border-bottom: 0px;
margin: 18px auto;
width: 50%;
}
.simditor-body ul,
.simditor-body ol, .topic-body ul,
.topic-body ol {
padding-left: 2em;
padding: 10px 20px 10px 30px;
color: #7d8688;
}
.simditor-body ol ol,
.simditor-body ol ul, .topic-body ol ol,
.topic-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
.simditor-body li > p, .topic-body li > p {
margin-top: 6px;
}
.simditor-body dl, .topic-body dl {
padding: 0;
}
.simditor-body dl dt, .topic-body dl dt {
padding: 0;
margin-top: 6px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.simditor-body dl dd, .topic-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.simditor-body blockquote, .topic-body blockquote {
font-size: inherit;
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.simditor-body blockquote > :first-child, .topic-body blockquote > :first-child {
margin-top: 20px;
}
.simditor-body blockquote > :last-child, .topic-body blockquote > :last-child {
margin-bottom: 20px;
}
.simditor-body blockquote, .topic-body blockquote {
margin: 20px 0 !important;
background-color: #f5f8fc;
padding: 1rem;
color: #8796A8;
border-left: none;
}
.simditor-body table, .topic-body table {
display: block;
width: 100%;
overflow: auto;
margin: 25px 0;
}
.simditor-body table th, .topic-body table th {
font-weight: bold;
}
.simditor-body table th,
.simditor-body table td, .topic-body table th,
.topic-body table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.simditor-body table tr, .topic-body table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.simditor-body table tr:nth-child(2n), .topic-body table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.simditor-body img, .topic-body img {
max-width: 100%;
box-sizing: border-box;
}
.simditor-body img, .topic-body img {
border: 1px solid #ddd;
box-shadow: 0 0 30px #ccc;
-moz-box-shadow: 0 0 30px #ccc;
-webkit-box-shadow: 0 0 30px #ccc;
margin-bottom: 30px;
margin-top: 10px;
}
.simditor-body code, .topic-body code {
background: rgba(90, 87, 87, 0);
margin: 5px;
color: #858080;
border-radius: 4px;
background-color: #f9fafa;
border: 1px solid #e4e4e4;
max-width: 740px;
overflow-x: auto;
font-size: 0.9em;
padding: 1px 2px 1px;
}
.simditor-body code:before,
.simditor-body code:after, .topic-body code:before,
.topic-body code:after {
letter-spacing: -0.2em;
content: " ";
}
.simditor-body pre > code, .topic-body pre > code {
padding: 0;
margin: 0;
font-size: 100%;
white-space: pre;
background: transparent;
border: 0;
}
.simditor-body .highlight, .topic-body .highlight {
margin-bottom: 16px;
}
.simditor-body .highlight pre,
.simditor-body pre, .topic-body .highlight pre,
.topic-body pre {
padding: 14px;
overflow: auto;
line-height: 1.45;
border-radius: 3px;
color: inherit;
border: none;
}
.simditor-body .highlight pre, .topic-body .highlight pre {
margin-bottom: 0;
}
.simditor-body pre, .topic-body pre {
word-wrap: normal;
}
.simditor-body pre code, .topic-body pre code {
display: block;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.simditor-body pre code:before,
.simditor-body pre code:after, .topic-body pre code:before,
.topic-body pre code:after {
content: normal;
}

.topics-show-page .card {
padding: 15px;
}
.topics-show-page .card h1, .topics-show-page .card .h1 {
margin: 0.4em auto 0.6em;
font-size: 28px;
line-height: 38px;
}
2 changes: 1 addition & 1 deletion public/mix-manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"/js/app.js": "/js/app.js?id=50991537ade597bb0c683d960e912178",
"/css/app.css": "/css/app.css?id=94415e7a1941cebadc33db664437785d",
"/css/app.css": "/css/app.css?id=1cf127c34b89a12714591bef9f740d78",
"/js/hotkeys.js": "/js/hotkeys.js?id=60b95061e721b635da02b5cc7792204b",
"/js/module.js": "/js/module.js?id=1f0206730b87684b7ad654a458319014",
"/js/simditor.js": "/js/simditor.js?id=e19ffe3d664de3d4228a9bd3573b4a6b",
Expand Down
Loading

0 comments on commit 31cdeeb

Please sign in to comment.