mirror of
				https://github.com/immich-app/immich.git
				synced 2025-11-03 19:17:11 -05:00 
			
		
		
		
	fix(mobile): new album icon has different height to existing album cover (#5422)
This commit is contained in:
		
							parent
							
								
									6111bf157e
								
							
						
					
					
						commit
						ca1be71bca
					
				@ -135,49 +135,56 @@ class LibraryPage extends HookConsumerWidget {
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    Widget buildCreateAlbumButton() {
 | 
					    Widget buildCreateAlbumButton() {
 | 
				
			||||||
      return GestureDetector(
 | 
					      return LayoutBuilder(
 | 
				
			||||||
        onTap: () {
 | 
					        builder: (context, constraints) {
 | 
				
			||||||
          context.autoPush(CreateAlbumRoute(isSharedAlbum: false));
 | 
					          var cardSize = constraints.maxWidth;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					          return GestureDetector(
 | 
				
			||||||
 | 
					            onTap: () {
 | 
				
			||||||
 | 
					              context.autoPush(CreateAlbumRoute(isSharedAlbum: false));
 | 
				
			||||||
 | 
					            },
 | 
				
			||||||
 | 
					            child: Padding(
 | 
				
			||||||
 | 
					              padding:
 | 
				
			||||||
 | 
					                  const EdgeInsets.only(bottom: 32), // Adjust padding to suit
 | 
				
			||||||
 | 
					              child: Column(
 | 
				
			||||||
 | 
					                mainAxisAlignment: MainAxisAlignment.start,
 | 
				
			||||||
 | 
					                crossAxisAlignment: CrossAxisAlignment.start,
 | 
				
			||||||
 | 
					                children: [
 | 
				
			||||||
 | 
					                  Container(
 | 
				
			||||||
 | 
					                    width: cardSize,
 | 
				
			||||||
 | 
					                    height: cardSize,
 | 
				
			||||||
 | 
					                    decoration: BoxDecoration(
 | 
				
			||||||
 | 
					                      border: Border.all(
 | 
				
			||||||
 | 
					                        color: isDarkTheme
 | 
				
			||||||
 | 
					                            ? const Color.fromARGB(255, 53, 53, 53)
 | 
				
			||||||
 | 
					                            : const Color.fromARGB(255, 203, 203, 203),
 | 
				
			||||||
 | 
					                      ),
 | 
				
			||||||
 | 
					                      color: isDarkTheme ? Colors.grey[900] : Colors.grey[50],
 | 
				
			||||||
 | 
					                      borderRadius: BorderRadius.circular(20),
 | 
				
			||||||
 | 
					                    ),
 | 
				
			||||||
 | 
					                    child: Center(
 | 
				
			||||||
 | 
					                      child: Icon(
 | 
				
			||||||
 | 
					                        Icons.add_rounded,
 | 
				
			||||||
 | 
					                        size: 28,
 | 
				
			||||||
 | 
					                        color: context.primaryColor,
 | 
				
			||||||
 | 
					                      ),
 | 
				
			||||||
 | 
					                    ),
 | 
				
			||||||
 | 
					                  ),
 | 
				
			||||||
 | 
					                  Padding(
 | 
				
			||||||
 | 
					                    padding: const EdgeInsets.only(
 | 
				
			||||||
 | 
					                      top: 8.0,
 | 
				
			||||||
 | 
					                      bottom: 16,
 | 
				
			||||||
 | 
					                    ),
 | 
				
			||||||
 | 
					                    child: Text(
 | 
				
			||||||
 | 
					                      'library_page_new_album',
 | 
				
			||||||
 | 
					                      style: context.textTheme.labelLarge,
 | 
				
			||||||
 | 
					                    ).tr(),
 | 
				
			||||||
 | 
					                  ),
 | 
				
			||||||
 | 
					                ],
 | 
				
			||||||
 | 
					              ),
 | 
				
			||||||
 | 
					            ),
 | 
				
			||||||
 | 
					          );
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
        child: Padding(
 | 
					 | 
				
			||||||
          padding: const EdgeInsets.only(bottom: 32),
 | 
					 | 
				
			||||||
          child: Column(
 | 
					 | 
				
			||||||
            mainAxisAlignment: MainAxisAlignment.start,
 | 
					 | 
				
			||||||
            crossAxisAlignment: CrossAxisAlignment.start,
 | 
					 | 
				
			||||||
            children: [
 | 
					 | 
				
			||||||
              Expanded(
 | 
					 | 
				
			||||||
                child: Container(
 | 
					 | 
				
			||||||
                  decoration: BoxDecoration(
 | 
					 | 
				
			||||||
                    border: Border.all(
 | 
					 | 
				
			||||||
                      color: isDarkTheme
 | 
					 | 
				
			||||||
                          ? const Color.fromARGB(255, 53, 53, 53)
 | 
					 | 
				
			||||||
                          : const Color.fromARGB(255, 203, 203, 203),
 | 
					 | 
				
			||||||
                    ),
 | 
					 | 
				
			||||||
                    color: isDarkTheme ? Colors.grey[900] : Colors.grey[50],
 | 
					 | 
				
			||||||
                    borderRadius: BorderRadius.circular(20),
 | 
					 | 
				
			||||||
                  ),
 | 
					 | 
				
			||||||
                  child: Center(
 | 
					 | 
				
			||||||
                    child: Icon(
 | 
					 | 
				
			||||||
                      Icons.add_rounded,
 | 
					 | 
				
			||||||
                      size: 28,
 | 
					 | 
				
			||||||
                      color: context.primaryColor,
 | 
					 | 
				
			||||||
                    ),
 | 
					 | 
				
			||||||
                  ),
 | 
					 | 
				
			||||||
                ),
 | 
					 | 
				
			||||||
              ),
 | 
					 | 
				
			||||||
              Padding(
 | 
					 | 
				
			||||||
                padding: const EdgeInsets.only(
 | 
					 | 
				
			||||||
                  top: 8.0,
 | 
					 | 
				
			||||||
                  bottom: 16,
 | 
					 | 
				
			||||||
                ),
 | 
					 | 
				
			||||||
                child: Text(
 | 
					 | 
				
			||||||
                  'library_page_new_album',
 | 
					 | 
				
			||||||
                  style: context.textTheme.labelLarge,
 | 
					 | 
				
			||||||
                ).tr(),
 | 
					 | 
				
			||||||
              ),
 | 
					 | 
				
			||||||
            ],
 | 
					 | 
				
			||||||
          ),
 | 
					 | 
				
			||||||
        ),
 | 
					 | 
				
			||||||
      );
 | 
					      );
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user