File "main.15a10ec9.css.map"
Full path: E:/sites/Single15/tinmung2007/webroot/THDC-Hai- Ngoai/CauNguyen/static/css/main.15a10ec9.css.map
File size: 8.03 KiB (8224 bytes)
MIME-type:
Charset: utf-8
{"version":3,"file":"static/css/main.15a10ec9.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCZA,KACE,wBACF,CAEA,KAIE,kCAAuC,CADvC,aAAc,CADd,eAAgB,CADhB,iBAIF,CAEA,YAQE,kBAAmB,CAPnB,wBAAyB,CAWzB,qBAAsB,CAVtB,UAAY,CAKZ,YAAa,CAEb,6BAA8B,CAJ9B,eAAgB,CAMhB,YAAa,CARb,cAAe,CAGf,KAAM,CAFN,UAAW,CAMX,UAGF,CAEA,aAIE,wBAAyB,CADzB,sBAEF,CAEA,kBANE,YAAa,CACb,qBAWF,CANA,KAKE,wBAAyB,CAHzB,iBAAkB,CADlB,YAKF,CAEA,wBACE,SACF,CAEA,8BACE,eACF,CAEA,8BACE,eACF,CAEA,KAKE,kBAAmB,CAHnB,wBAAyB,CAMzB,yBAA0B,CAD1B,QAAS,CAHT,YAAa,CAHb,WAAY,CAEZ,iBAAkB,CAGlB,uBAAgB,CAAhB,eAGF,CAEA,YACE,wBAAyB,CACzB,UAAY,CAIZ,gBAAiB,CAFjB,iBAGF,CAEA,kBANE,WAAY,CAEZ,iBAeF,CAXA,MAIE,kBAAmB,CACnB,UAAW,CAJX,QAAO,CAEP,cAAe,CADf,WAAY,CAQZ,iBAAiB,CADjB,YAAa,CADb,gBAGF,CAEA,OAEE,wBAAyB,CACzB,WAAY,CACZ,UAAY,CAKZ,cAAe,CADf,oBAAqB,CAPrB,SAAU,CASV,iBAAkB,CALlB,iBAAkB,CAClB,iBAAkB,CAClB,oBAIF,CAEA,gBAEE,kBAAmB,CADnB,UAEF,CAGA,MAEE,eAAgB,CADhB,eAEF,CAEA,EAIE,kBAAmB,CAEnB,UAAW,CAJX,gBAAiB,CADjB,kBAAmB,CAEnB,iBAAkB,CAElB,iBAAkB,CAElB,iBACF,CAEA,SAGE,sBAAuB,CAIvB,qBAAsB,CADtB,kBAAmB,CAEnB,UAAW,CAPX,YAAa,CACb,qBAAsB,CAEtB,aAAc,CACd,YAIF,CAEA,UACE,eAAiB,CACjB,gBACF,CAEA,cACE,UAAW,CACX,eACF,CAEA,WAGE,oBAAqB,CAFrB,QAAS,CACT,WAAY,CAEZ,kBACF,CAGA,eACE,QAAO,CAaP,4BAAgC,CAZhC,gBAAiB,CAWjB,eAAgB,CAFhB,eAAgB,CAChB,qBAGF,CAGA,+BAbE,kBAAmB,CAEnB,WAAY,CACZ,iBAAkB,CAFlB,UAAW,CAFX,cAAe,CAMf,YAAa,CADb,gBAAiB,CANjB,SA4BF,CAbA,gBACE,QAAO,CACP,WAAY,CAUZ,kBAAmB,CADnB,iBAEF,CAGA,iBACE,wBAAyB,CAEzB,WAAY,CAEZ,iBAAkB,CAHlB,UAAY,CAIZ,aAAc,CAFd,iBAGF,CAEA,aACE,wBACF,CAEA,gBAEE,kBAAmB,CACnB,wBAAyB,CAIzB,yBAA0B,CAD1B,QAAS,CALT,YAAa,CAGb,iBAAkB,CAClB,uBAAgB,CAAhB,eAGF,CAEA,iBAIE,sBAAuB,CAHvB,YAAa,CAEb,qBAAsB,CADtB,cAAe,CAIf,iBAAkB,CADlB,UAEF,CAEA,YACE,gBACF,CAEA,YAEE,qBAAsB,CADtB,aAEF,CAEA,yBAEE,wBACE,eACF,CAIA,YACE,UACF,CALF,CASA,OACE,cAAe,CAEf,kBAIF,CAEA,cAHE,UAAW,CAJX,QAAS,CAET,gBAAiB,CACjB,iBAWF,CAPA,OACE,cAAe,CAGf,eAGF,CAEA,yBACE,OACE,cACF,CAEA,OACE,cACF,CACF","sources":["index.css","App.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","body {\r\n background-color: #f3f3f3; /* Light gray background */\r\n}\r\n\r\n.App {\r\n text-align: center;\r\n max-width: 728px;\r\n margin: 0 auto;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.App header {\r\n background-color: #235aa1; /* Dark header background */\r\n color: white;\r\n position: fixed;\r\n width: 100%;\r\n max-width: 728px;\r\n top: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n z-index: 99;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.App section {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background-color: #e6e6e6; /* Light gray background */\r\n}\r\n\r\nmain {\r\n padding: 10px;\r\n overflow-y: scroll;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #f3f3f3; /* Light gray content background */\r\n}\r\n\r\nmain::-webkit-scrollbar {\r\n width: 5px; /* Wider scrollbar */\r\n}\r\n\r\nmain::-webkit-scrollbar-track {\r\n background: #ddd; /* Light gray track */\r\n}\r\n\r\nmain::-webkit-scrollbar-thumb {\r\n background: #666; /* Dark gray thumb */\r\n}\r\n\r\nform {\r\n height: auto; /* Adjust the height to fit the content */\r\n background-color: #e6e6e6;\r\n padding: 10px 20px;\r\n display: flex;\r\n align-items: center;\r\n position: sticky;\r\n bottom: 0;\r\n border-top: 1px solid #ccc; /* Divider between form and chat */\r\n}\r\n\r\nform button {\r\n background-color: #0078d4; /* Blue send button */\r\n color: white;\r\n border: none;\r\n padding: 12px 20px;\r\n border-radius: 5px;\r\n margin-left: 10px; /* Space between input and button */\r\n}\r\n\r\ninput {\r\n flex: 2; /* Fill available space */\r\n height: 40px; /* Adjust the input height */\r\n font-size: 16px; /* Slightly smaller font size */\r\n background: #f9f9f9; /* Light gray input background */\r\n color: #333; /* Darker text color */\r\n border: none;\r\n border-radius: 5px;\r\n padding: 5px 10px;\r\n outline: none;\r\n margin-right: 10px\r\n}\r\n\r\nbutton {\r\n flex: none;\r\n background-color: #282c34;\r\n border: none;\r\n color: white;\r\n padding: 15px 32px;\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-block;\r\n cursor: pointer;\r\n font-size: 1.25rem;\r\n}\r\n\r\nbutton:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n\r\nul, li {\r\n text-align: left;\r\n list-style: none;\r\n}\r\n\r\np {\r\n margin-bottom: 12px;\r\n line-height: 24px;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n position: relative;\r\n color: #333;\r\n text-align: center;\r\n}\r\n\r\n.message {\r\n display: flex;\r\n flex-direction: column; /* Display username and text in a column */\r\n align-items: flex-start; /* Align items to the top */\r\n margin: 10px 0;\r\n padding: 10px;\r\n border-radius: 10px;\r\n background-color: #fff; /* White received message bubble */\r\n color: #333;\r\n}\r\n\r\n.username {\r\n font-weight: bold;\r\n margin-right: 5px;\r\n}\r\n\r\n.message-date {\r\n color: #888; /* Adjust the color as needed */\r\n font-size: 0.8rem; /* Adjust the font size as needed */\r\n}\r\n\r\n.message p {\r\n margin: 0;\r\n padding: 5px;\r\n word-wrap: break-word;\r\n text-align: justify; /* Align text to the left */\r\n}\r\n\r\n/* Textarea styles */\r\n.message-input {\r\n flex: 2;\r\n min-height: 100px;\r\n width: 95%;\r\n font-size: 16px;\r\n background: #f9f9f9;\r\n color: #333;\r\n border: none;\r\n border-radius: 5px;\r\n padding: 5px 10px;\r\n outline: none;\r\n resize: vertical;\r\n transition: height 0.2s;\r\n overflow-y: auto;\r\n font-family: 'Arial', sans-serif;\r\n}\r\n\r\n\r\n.username-input {\r\n flex: 1;\r\n height: 45px;\r\n width: 95%;\r\n font-size: 16px;\r\n background: #f9f9f9;\r\n color: #333;\r\n border: none;\r\n border-radius: 5px;\r\n padding: 5px 10px;\r\n outline: none;\r\n margin-right: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n\r\nbutton.load-more {\r\n background-color: #0078d4;\r\n color: white;\r\n border: none;\r\n padding: 12px 20px;\r\n border-radius: 5px;\r\n margin: 10px 0;\r\n}\r\n\r\nbutton:hover {\r\n background-color: #0057a3; /* Change color on hover */\r\n}\r\n\r\n.form-container {\r\n display: flex;\r\n align-items: center;\r\n background-color: #e6e6e6;\r\n padding: 10px 20px;\r\n position: sticky;\r\n bottom: 0;\r\n border-top: 1px solid #ccc;\r\n}\r\n\r\n.input-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n width: 100%;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.imageStyle {\r\n max-height: 130px; \r\n}\r\n\r\n.HeaderText {\r\n max-width: 70%;\r\n flex-direction: column;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n /* CSS styles for screens with a maximum width of 768px (phones) */\r\n .App header .imageStyle {\r\n max-height: 70px; /* Adjust the desired height for the image */\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .HeaderText {\r\n width: 100%; /* Adjust the width for smaller screens */\r\n }\r\n}\r\n\r\n\r\n.line1 {\r\n font-size: 20px; /* Adjust the font size for the first line */\r\n margin: 0; /* Add spacing between the two lines */\r\n padding-bottom: 5px;\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n color: #fff;\r\n}\r\n\r\n.line2 {\r\n font-size: 16px; /* Adjust the font size for the second line */\r\n color: #fff;\r\n margin: 0; /* Add spacing between the two lines */\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .line1 {\r\n font-size: 16px; /* Smaller font size for phones */\r\n }\r\n\r\n .line2 {\r\n font-size: 14px; /* Smaller font size for phones */\r\n }\r\n}"],"names":[],"sourceRoot":""}