Explorar o código

Working on bits of UI

Kelly Norton %!s(int64=10) %!d(string=hai) anos
pai
achega
737e2150fa
Modificáronse 4 ficheiros con 52 adicións e 7 borrados
  1. 1 0
      pub/close.svg
  2. 25 2
      pub/index.css
  3. 5 4
      pub/index.html
  4. 21 1
      web/bindata.go

+ 1 - 0
pub/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path d="M28.5 9.62L26.38 7.5 18 15.88 9.62 7.5 7.5 9.62 15.88 18 7.5 26.38l2.12 2.12L18 20.12l8.38 8.38 2.12-2.12L20.12 18z"/></svg>

+ 25 - 2
pub/index.css

@@ -9,12 +9,17 @@ form {
   text-align: center;
 }
 
+#bar {
+  width: 652px;
+  margin: 0 auto;
+  position: relative;
+}
+
 #url {
   font-family: 'Raleway', sans-serif;
   font-size: 32px;
   font-weight: 300;
   width: 600px;
-  margin: 0 auto;
   padding: 25px;
   color: #999;
   border-radius: 4px;
@@ -53,4 +58,22 @@ form {
 #cmp > a {
   color: #09f;
   text-decoration: none;
-}
+}
+
+#cls {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 64px;
+  background-image: url("/s/close.svg");
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 48px 48px;
+  cursor: pointer;
+  opacity: 0.3;
+}
+
+#cls:hover {
+  opacity: 0.6;
+}

+ 5 - 4
pub/index.html

@@ -5,17 +5,18 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <link href="/s/index.css"
         rel="stylesheet"
-        type="text/css"> 
+        type="text/css">
     <link href="http://fonts.googleapis.com/css?family=Raleway:400,300"
         rel="stylesheet"
         type="text/css">
   </head>
   <body>
     <form autocomplete="off">
-      <input type="text" id="url" placeholder="Enter the url to shorten"></input>
-      <div id="cmp">
-      Hello
+      <div id="bar">
+        <div id="cls"></div>
+        <input type="text" id="url" placeholder="Enter the url to shorten"></input>
       </div>
+      <div id="cmp"></div>
     </form>
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 21 - 1
web/bindata.go


Algúns arquivos non se mostraron porque demasiados arquivos cambiaron neste cambio