Home Explore Help
Sign In
ghorsington
/
bepinbuilds
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Fix HTML errors; update changelog style

ghorsington 5 years ago
parent
662f538f56
commit
17967a252c
5 changed files with 66 additions and 10 deletions
Split View Show Diff Stats
  1. 8 7
      src/static/style/fontello.css
  2. 25 0
      src/static/style/style.css
  3. 30 0
      src/static/style/style.min.css
  4. 1 1
      src/templates/base.html
  5. 2 2
      src/templates/project_view.html

File diff suppressed because it is too large
+ 8 - 7
src/static/style/fontello.css


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

@@ -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
View File 

@@ -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
View File 

@@ -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
View File 

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