Glimmer DSL for Web - Regular Sample - Todo MVC - Views - NewTodoForm

glimmer-dsl-web-sample-regular-todo-mvc-views-new-todo-form.rb

# Source: https://github.com/AndyObtiva/glimmer-dsl-web/blob/master/lib/glimmer-dsl-web/samples/regular/todo_mvc/views/new_todo_form.rb
require_relative 'new_todo_input'

class NewTodoForm
  include Glimmer::Web::Component
  
  option :presenter
  
  markup {
    header(class: 'header') {
      h1('todos')
      
      new_todo_input(presenter: presenter)
      
      style {
        rule('.header h1') {
          color '#b83f45'
          font_size '80px'
          font_weight '200'
          position 'absolute'
          text_align 'center'
          _webkit_text_rendering 'optimizeLegibility'
          _moz_text_rendering 'optimizeLegibility'
          text_rendering 'optimizeLegibility'
          top '-140px'
          width '100%'
        }
      }
    }
  }
end