@@ -9,6 +9,7 @@ import com.varabyte.kobweb.compose.css.TextAlign
99import com.varabyte.kobweb.compose.foundation.layout.Arrangement
1010import com.varabyte.kobweb.compose.foundation.layout.Box
1111import com.varabyte.kobweb.compose.foundation.layout.Column
12+ import com.varabyte.kobweb.compose.foundation.layout.Row
1213import com.varabyte.kobweb.compose.ui.Alignment
1314import com.varabyte.kobweb.compose.ui.Modifier
1415import com.varabyte.kobweb.compose.ui.modifiers.*
@@ -60,13 +61,11 @@ val HoverBrightenStyle = CssStyle {
6061
6162@Composable
6263private fun SocialBar () {
63- SimpleGrid (
64- numColumns(3 , lg = 6 ),
65- // numColumns(3, lg = 5),
64+ Row (
6665 Modifier
6766 .margin(0 .px, 12 .px)
68- .padding( 2 . cssRem)
69- .gap( 1.5 .cssRem)
67+ .gap( 1.5 . cssRem),
68+ verticalAlignment = Alignment . CenterVertically ,
7069 ) {
7170 Link (" https://discord.com/invite/frozenblock" , HoverBrightenStyle .toModifier()) {
7271 FaDiscord (size = IconSize .X2 )
@@ -89,9 +88,9 @@ private fun SocialBar() {
8988 }
9089 Tooltip (ElementTarget .PreviousSibling , " Watch our YouTube videos" , Modifier .navHeaderZIndex())
9190 Link (" https://modrinth.com/organization/frozenblock" , HoverBrightenStyle .toModifier()) {
92- Image (" /social/modrinth.svg" , " Modrinth" , HoverBrightenStyle .toModifier() )
91+ Image (" /social/modrinth.svg" , " Modrinth" )
9392 }
94- Tooltip (ElementTarget .PreviousSibling , " Watch our YouTube videos " , Modifier .navHeaderZIndex())
93+ Tooltip (ElementTarget .PreviousSibling , " Download our mods " , Modifier .navHeaderZIndex())
9594 }
9695}
9796
0 commit comments