diff --git a/app/views/apps/show.html.haml b/app/views/apps/show.html.haml index 3b461c0b5bd266715c58acf783471d701714a015..2a3e92f894fa94e046514e24c8f9847f218c0766 100644 --- a/app/views/apps/show.html.haml +++ b/app/views/apps/show.html.haml @@ -11,17 +11,21 @@ - content_for :body_class do = "apps_show" -.span-24.last - %h1.tag - = "everything happening from #{@app}" +- content_for :break_the_mold do + = "width:100%;" -.span-13 - #main_stream.stream - - if @posts.length > 0 - = render 'shared/stream', :posts => @posts - #pagination - =link_to(t('more'), next_page_path, :class => 'paginate') - - else - = t('tags.show.nobody_talking', :tag => "##{params[:name]}") +%h1 + = "#{@app}" + +#main_stream.stream + - if @posts.length > 0 + .canvas.stream + - for post in @posts + .image-element + .hold-me + = link_to(image_tag(post.image_url), object_path(post)) + .via + = post.author.name + #pagination + =link_to(t('more'), next_page_path, :class => 'paginate') -.prepend-2.span-9.last diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index f2f777690fa287f771d000d175cf61f4200ffcfb..e0d72d4ad1deae94d60da892b2f947e80fdd2d8c 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -90,8 +90,8 @@ %header{:class=>('landing' unless current_user)} = render 'layouts/header' - .container - .span-24.last + .container{:style=> "#{yield(:break_the_mold)}"} + .span-24.last{:style=> "#{yield(:break_the_mold)}"} = yield .clearfix diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index 34dd2514089d71ab1efe64d4c473787de8a154b8..def4b94d4aa2ad291068213c18fa13ef1367498c 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -2926,3 +2926,28 @@ h1.tag #facebox input[type='text'], input.text :width 98% + +.canvas + .image-element + :padding 20px + :height 170px + :width 170px + + :min-height 170px + :min-width 170px + + :display inline-block + :vertical-align middle + :text-align center + + img + :position relative + :max-width 100% + :max-height 100% + + .via + :text-align left + :font-size 11px + + .hold-me + :display inline-block