commit 07fa06d0db64647458c4820ea614bf5671907da2 · gmstn.systems/gemstone-app

+12 -8
src/components/Navigation/ChannelsPicker/ChannelPickerItem.tsx
···

       44
       44
        
                               flex: 1,

     

       45
       45
        
                               flexDirection: "row",

     

       46
       46
        
                               alignItems: "center",

     

       47
       47
       -
                               paddingLeft: 4,

     

       47
       47
       +
                               paddingLeft: 8,

     

       48
       48
        
                               paddingRight: 8,

     

       49
       49
       -
                               paddingTop: 2,

     

       50
       50
       -
                               paddingBottom: 3,

     

       51
       51
       -
                               gap: 2,

     

       49
       49
       +
                               paddingTop: 4,

     

       50
       50
       +
                               paddingBottom: 5,

     

       51
       51
       +
                               gap: 8,

     

       52
       52
        
                               backgroundColor:

     

       53
       53
        
                                   isCurrentChannel || hovered

     

       54
       54
        
                                       ? semantic.surface

     

       55
       55
        
                                       : undefined,

     

       56
       56
        
                               borderRadius: atoms.radii.lg,

     

       57
       57
       +
                               width: 196,

     

       57
       58
        
                           }}

     

       58
       59
        
                       >

     

       59
       60
        
                           <Hash

     
···

       62
       63
        
                                   width: 16,

     

       63
       64
        
                               }}

     

       64
       65
        
                               color={

     

       65
       65
       -
                                   isCurrentChannel ? colors.subtext0 : colors.overlay2

     

       66
       66
       +
                                   isCurrentChannel || hovered

     

       67
       67
       +
                                       ? colors.text

     

       68
       68
       +
                                       : colors.overlay2

     

       66
       69
        
                               }

     

       67
       70
        
                           />

     

       68
       71
        
                           <Text

     

       69
       72
        
                               style={[

     

       70
       73
        
                                   {

     

       71
       71
       -
                                       color: isCurrentChannel

     

       72
       72
       -
                                           ? colors.subtext0

     

       73
       73
       -
                                           : colors.overlay2,

     

       74
       74
       +
                                       color:

     

       75
       75
       +
                                           isCurrentChannel || hovered

     

       76
       76
       +
                                               ? colors.text

     

       77
       77
       +
                                               : colors.overlay2,

     

       74
       78
        
                                   },

     

       75
       79
        
                                   typography.sizes.sm,

     

       76
       80
        
                               ]}