fix tyle

le0pard · le0pard · commit 3762abf931ad · 2026-06-29T16:07:24.000+03:00
diff --git a/public/rss/styles.xsl b/public/rss/styles.xsl
@@ -11,7 +11,7 @@
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
             font-size: 14px;
             color: #333;
-            line-height: 20px
+            line-height: 20px;
             padding: 15px;
           }
           a, a:link, a:visited {
@@ -65,6 +65,16 @@
             clear: both;
             border-bottom: 1px solid #EAEAEA;
             padding: 30px 0;
+            display: flex;
+            flex-direction: column;
+          }
+          .item-header {
+            flex: 1;
+            display: flex;
+          }
+          .episode-content {
+            flex: 1;
+            min-width: 0;
           }
           .episode-title {
             color: #222;
@@ -82,6 +92,11 @@
             line-height: 19px;
             margin-bottom: 30px;
           }
+          .episode-image {
+            display: flex;
+            justify-content: center;
+            align-items: flex-start;
+          }
           .episode-image img {
             width: 100px;
             height: auto;
@@ -134,14 +149,27 @@
               <xsl:value-of select="link" />
             </xsl:variable>
             <div class="item">
-              <h2 class="episode-title">
-                <a href="{$itemURL}">
-                  <xsl:value-of select="title"/>
-                </a>
-              </h2>
-              <div class="episode-meta">
-                <span><xsl:value-of select="pubDate" /></span> &#9702;
-                <span><xsl:value-of select="format-number(floor(itunes:duration div 60), '0')" /> &#1093;&#1074;&#1080;&#1083;&#1080;&#1085;</span>
+              <div class="item-header">
+                <xsl:if test="itunes:image">
+                  <div class="episode-image">
+                    <img>
+                      <xsl:attribute name="src">
+                        <xsl:value-of select="itunes:image/@href"/>
+                      </xsl:attribute>
+                    </img>
+                  </div>
+                </xsl:if>
+                <div class="episode-content">
+                  <h2 class="episode-title">
+                    <a href="{$itemURL}">
+                      <xsl:value-of select="title"/>
+                    </a>
+                  </h2>
+                  <div class="episode-meta">
+                    <span><xsl:value-of select="pubDate" /></span> &#9702;
+                    <span><xsl:value-of select="format-number(floor(itunes:duration div 60), '0')" /> &#1093;&#1074;&#1080;&#1083;&#1080;&#1085;</span>
+                  </div>
+                </div>
               </div>
               <xsl:if test="description">
                 <div class="episode-description">
diff --git a/src/components/MainPost.astro b/src/components/MainPost.astro
@@ -69,7 +69,7 @@ const audioInfo = {
   .article-main-image-wrapper {
     flex-basis: 150px;
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: center;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ const audioInfo = {`
`69`	`69`	`.article-main-image-wrapper {`
`70`	`70`	`flex-basis: 150px;`
`71`	`71`	`display: flex;`
`72`		`- align-items: center;`
	`72`	`+ align-items: flex-start;`
`73`	`73`	`justify-content: center;`
`74`	`74`	`}`
`75`	`75`