diff --git a/src/application/controller/common/module/post.php b/src/application/controller/common/module/post.php new file mode 100644 index 0000000..842bb2e --- /dev/null +++ b/src/application/controller/common/module/post.php @@ -0,0 +1,3 @@ + + diff --git a/src/application/view/common/module/post.phtml b/src/application/view/common/module/post.phtml new file mode 100644 index 0000000..e3bc6d6 --- /dev/null +++ b/src/application/view/common/module/post.phtml @@ -0,0 +1,13 @@ +
+
+
+ +
+
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/src/application/view/home.phtml b/src/application/view/home.phtml index 2428a97..6e320ec 100644 --- a/src/application/view/home.phtml +++ b/src/application/view/home.phtml @@ -4,19 +4,7 @@
-
-
-
- -
-
- -
-
-
-
-
-
+
\ No newline at end of file diff --git a/src/public/css/app.css b/src/public/css/app.css index a22048c..d2daabd 100644 --- a/src/public/css/app.css +++ b/src/public/css/app.css @@ -33,78 +33,6 @@ a:active { margin-bottom: 64px } -.container .post { - margin-bottom: 14px; - background: #272E39; - border-radius: 3px; - overflow: hidden; - position: relative; -} - -.container .post .avatar { - position: absolute; - top: 19px; - left: 19px; -} - -.container .post .avatar img { - border-radius: 50%; - border: 2px #fff solid; -} - -.container .post .message { - padding-left: 82px; - padding-right: 16px; - padding-top: 16px; - padding-bottom: 16px; -} - -.container .post .action { - border-top: 1px #4d5666 solid; - padding: 16px; - overflow: hidden; -} - -.container .post .message textarea { - height: 52px; - width: 100%; - padding: 16px 8px; - border-radius: 3px; - font-family: Roboto-Regular, Sans-Serif, Verdana; - font-size: 14px; - background: rgb(238, 238, 238); - color: #1c1d1e; - outline: none; - letter-spacing: 0.2px; - font-size: 13px; - border: 1px #181818 solid; -} - -.container .post textarea:focus { - height: 80px; -} - -.container .post .button { - float: right; - padding: 6px 16px; - border-radius: 3px; - cursor: pointer; - background-color: #337ab7; - color: #fff; - border: 0; - font-size: 13px; -} - -.container .post .button:hover { - background-color: #437baa -} - -.container .post .content { - background: rgb(89,99,116); - border-radius: 3px; - padding: 16px; -} - .container .feed .item { padding: 16px; margin-bottom: 2px; diff --git a/src/public/css/module/post.css b/src/public/css/module/post.css new file mode 100644 index 0000000..a004714 --- /dev/null +++ b/src/public/css/module/post.css @@ -0,0 +1,71 @@ +.modulePost { + margin-bottom: 14px; + background: #272E39; + border-radius: 3px; + overflow: hidden; + position: relative; +} + +.modulePost .avatar { + position: absolute; + top: 19px; + left: 19px; +} + +.modulePost .avatar img { + border-radius: 50%; + border: 2px #fff solid; +} + +.modulePost .message { + padding-left: 82px; + padding-right: 16px; + padding-top: 16px; + padding-bottom: 16px; +} + +.modulePost .action { + border-top: 1px #4d5666 solid; + padding: 16px; + overflow: hidden; +} + +.modulePost .message textarea { + height: 52px; + width: 100%; + padding: 16px 8px; + border-radius: 3px; + font-family: Roboto-Regular, Sans-Serif, Verdana; + font-size: 14px; + background: rgb(238, 238, 238); + color: #1c1d1e; + outline: none; + letter-spacing: 0.2px; + font-size: 13px; + border: 1px #181818 solid; +} + +.modulePost textarea:focus { + height: 80px; +} + +.modulePost .button { + float: right; + padding: 6px 16px; + border-radius: 3px; + cursor: pointer; + background-color: #337ab7; + color: #fff; + border: 0; + font-size: 13px; +} + +.modulePost .button:hover { + background-color: #437baa +} + +.modulePost .content { + background: rgb(89,99,116); + border-radius: 3px; + padding: 16px; +} \ No newline at end of file