Kaynağa Gözat

Fix HTML errors; update changelog style

ghorsington 4 yıl önce
ebeveyn
işleme
17967a252c

Dosya farkı çok büyük olduğundan ihmal edildi
+ 8 - 7
src/static/style/fontello.css


+ 25 - 0
src/static/style/style.css

@@ -44,6 +44,10 @@ aside.menu {
     box-shadow: -3px 0 10px 2px black;
 }
 
+.center {
+    @apply mx-auto;
+}
+
 .menu .menu-view {
     @apply sticky top-0;
 }
@@ -85,6 +89,7 @@ main {
     display: grid;
     grid-template-columns: max-content auto;
     gap: 0.5rem 0.5rem;
+    align-items: center;
 }
 
 .artifacts-list .artifact-link {
@@ -96,6 +101,10 @@ main {
     @apply bg-blue-700;
 }
 
+.artifacts-list .artifact-desc {
+    @apply italic text-sm;
+}
+
 .artifact-item {
     @apply bg-gray-200 my-3;
 }
@@ -108,6 +117,22 @@ main {
     @apply block;
 }
 
+.artifact-contents .changelog {
+    @apply text-sm;
+}
+
+.artifact-contents .changelog li {
+    @apply my-0;
+}
+
+.artifact-contents .changelog li::before {
+    font-family: "fontello";
+    content: '\f105';
+    top: calc(0.875em - 0.73em);
+    background-color: transparent;
+    left: 0.5em;
+}
+
 .artifact-details {
     @apply flex items-center bg-gray-300 select-none;
 }

+ 30 - 0
src/static/style/style.min.css

@@ -1936,6 +1936,11 @@ aside.menu {
   box-shadow: -3px 0 10px 2px black;
 }
 
+.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .menu .menu-view {
   position: -webkit-sticky;
   position: sticky;
@@ -2580,6 +2585,7 @@ main {
   grid-template-columns: -webkit-max-content auto;
   grid-template-columns: max-content auto;
   gap: 0.5rem 0.5rem;
+  align-items: center;
 }
 
 .artifacts-list .artifact-link {
@@ -2603,6 +2609,12 @@ main {
   background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
 }
 
+.artifacts-list .artifact-desc {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-style: italic;
+}
+
 .artifact-item {
   --tw-bg-opacity: 1;
   background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
@@ -2619,6 +2631,24 @@ main {
   display: block;
 }
 
+.artifact-contents .changelog {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.artifact-contents .changelog li {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.artifact-contents .changelog li::before {
+  font-family: "fontello";
+  content: '\f105';
+  top: calc(0.875em - 0.73em);
+  background-color: transparent;
+  left: 0.5em;
+}
+
 .artifact-details {
   --tw-bg-opacity: 1;
   background-color: rgba(209, 213, 219, var(--tw-bg-opacity));

+ 1 - 1
src/templates/base.html

@@ -13,7 +13,7 @@
 <body>
     <header>
         <a class="brand" href="{{ url_for('index') }}">
-            <img src="{{ url_for('static', filename='img/logo.png') }}" width="112">
+            <img src="{{ url_for('static', filename='img/logo.png') }}" alt="BepInEx logo">
             <span>BepisBuilds</span>
         </a>
         <span>

+ 2 - 2
src/templates/project_view.html

@@ -45,9 +45,9 @@
         </div>
         {%- if artifact.changelog %}
         <h2>Changelog</h2>
-        <p class="changelog">
+        <div class="changelog">
             {{artifact.changelog|safe}}
-        </p>
+        </div>
         {%- endif %}
     </div>