refactor ratings, minify content, update single post page

1 files changed, 68 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index f253f7c..018ca2a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -89,6 +89,7 @@ main {
     border: 1px solid #4d4d80;
     padding: 8px;
     height: fit-content;
+    flex-shrink: 0;
 }
 
 .sidebar h3 {
@@ -128,6 +129,7 @@ main {
 }
 
 .content {
+    overflow: hidden;
     flex: 1;
     background-color: #0a0015;
     border: 1px solid #4d4d80;
@@ -795,4 +797,70 @@ footer::before {
 .post-tags .post-tag:hover {
     background-color: rgba(255, 255, 255, 0.2);
     transform: scale(1.1);
+}
+
+.single-post {
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+    min-width: 0;
+}
+
+.post-image-container {
+    width: 100%;
+    max-width: 100%;
+    overflow: auto;
+}
+
+.post-image-container img {
+    display: block;
+    max-width: none;
+    height: auto;
+}
+
+.post-title {
+    color: #ff99cc;
+}
+
+.single-post-bar {
+    display: flex;
+    margin-bottom: 12px;
+    width: 100%;
+    padding: 8px;
+    border: 1px solid #4d4d80;
+    background-color: #0d001a;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.size-selected {
+    color: #ff99cc;
+    font-weight: 700;
+}
+
+#post-image {
+    display: block;
+    height: auto;
+}
+
+#post-image.fit-width {
+    width: 100%;
+    height: auto;
+    max-width: 100%;
+}
+
+#post-image.fit-height {
+    width: auto;
+    max-width: none;
+}
+
+#post-image.fit-both {
+    max-width: 100%;
+    height: auto;
+}
+
+#post-image.fixed-size {
+    width: auto;
+    height: auto;
+    max-width: none;
 }
\ No newline at end of file